Föreningen för Fairtrade

Kollar om webbplatsen följer god praxis för webbutveckling.

---

Betyg: 5 av 5

* Webbplatsen följer god praxis fullt ut!
* Antal problem med god praxis: 0 st

Kolla Lighthouse hos web.dev

Kontrollerar med Google Lighthouse API om webbplatsen är utformad på ett tillgängligt sätt för funktionsvarierade användare. Mäter med en mobil­användares preferenser.

---

Betyg: 1 av 5

* Väldigt dålig tillgänglighet!
* Antal problem med tillgänglighet: 6 st
* ARIA input fields do not have accessible names
* Buttons do not have an accessible name
* Links do not have a discernible name
* Background and foreground colors do not have a sufficient contrast ratio.
* `[user-scalable="no"]` is used in the `* Heading elements are not in a sequentially-descending order

• Kolla tillgänglighet hos web.dev
• Hur funkar tillgänglighetstestet med Axe på Webperf?

Kontrollerar CSS-koden mot W3C.

---

Betyg: 5 av 5

* CSS är välbyggd!

• Hur funkar CSS-testet på Webperf?

Kontrollerar HTML-koden mot W3C.

---

Betyg: 3.70 av 5

* Den testade sidan har 5 st fel i sin HTML-kod.
* Antal (grupperade fel): 4, vilket ändrar betyget till: 4.20
* Antal fel: 5, vilket ytterligare minskar betyget med: 0.50
* Problem (grupperad på feltyp):
- Duplicate attribute X. (totalt 2 st)
- Stray start tag X. (totalt 1 st)
- Bad value X for the attribute X (only X permitted here). (totalt 1 st)
- The X attribute on the X element is obsolete. Use CSS instead. (totalt 1 st)

• Kolla HTML-koden med W3C
• Hur funkar betygen för HTML på Webperf?

Är webbplatsen bra på sökmotoroptimering/SEO? Att nå ut via sökmotorer, enligt Google Lighthouse.

---

Betyg: 4 av 5

* Webbplatsen har ändå förbättrings­potential inom SEO.
* Antal problem med sökmotoroptimering (SEO): 1 st

Problem:
* Links are not crawlable

Kolla Lighthouse hos web.dev

Följer webbplatsen praxis för felsidan 404?

---

Betyg: 5 av 5

* Inga anmärkningar.

• Kolla HTTP-kod hos SEObook
• Hur funkar Fel 404 som betyg på Webperf?

Hastighetstest från Google.

---

Betyg: 2 av 5

* Webbplatsen är ganska långsam.
* Observerad hastighet: 2.63 sekunder
* Första meningsfulla visuella ändring: 2.71 sek
* Första meningsfulla visuella ändring på 3G: 5.56 sek
* Webbplatsen är interaktiv: 8.937 sek
* Tid spenderad på hänvisningar: 0.0 sek
* Sidans totala vikt: 5186 kb

Kolla Lighthouse hos web.dev

Letar efter standardfiler som robots.txt, sitemaps och RSS-prenumerationer

---

Betyg: 1.50 av 5

* robots.txt verkar ok.
* Sitemap anges inte i robots.txt
* RSS-prenumeration saknas i meta.
* security.txt saknas.

• Hur funkar testet av standardfiler på Webperf?

Har webbplatsen bra frontendkod och GUI-prestanda enligt Yellow Lab Tools?

---

Betyg: 1.60 av 5

* Övergripande betyg: 22 av 100
* Testat för enhetstyp: phone
* Sidans storlek: -214
* Andelen resurser för sidan: 98
* Sidans DOM komplexitet: 100
* Sidans användning av dålig javascript: 99
* Sidans användning av jQuery: 100
* Sidans CSS komplexitet: 32
* Sidans användning av dålig CSS: 70
* Sidans användning av webbtypsnitt: -5
* Server konfiguration: 82

• Kolla frontend-kvalitet hos Yellow Lab Tools
• Hur funkar Yellow Lab Tools betyg på Webperf?

Molntjänster utanför EU? Används fingerprint-teknik eller annat som äventyrar användarens integritet?

---

Betyg: 2 av 5

* Dataskyddsförordningen och Schrems II-domen: (0.0 poäng)
-- Antal olika länder: 3
-- Länder utanför EU: 1
---- US, 11 förfrågningar
-- Sidan skickades från Sverige: Ja
* Spårning (+1.0 poäng)
-- Besökaranalys används:
---- Google Analytics
---- Google Tag Manager
-- Inga spårnings förfrågningar
* Identifieringstekniker (0.0 poäng)
-- canvas (danger): 1
* Annonsörer (+1.0 poäng)
-- Inga annonsörsförfrågningar hittades
* Kakor (0.0 poäng)
-- Giltiga över 1 år: 1
-- Inget krav på säker överföring: 3

• Kolla integriteten med Pagexray
• Hur funkar spårnings- och integritetstestet på Webperf?

Dataskydd.net kollar hur mycket som gjorts för att skydda besökarnas integritet. Betyg och bedömning är Webperfs.

---

Betyg: 1 av 5

* Riktigt dålig integritet för användarna!
* HTTPS som standard: är bra!
* Strict Transport Security: är dåligt. (Vilket ger 1.00 färre poäng)
* Content Security Policy: är dåligt. (Vilket ger 1.00 färre poäng)
* Rapportering (CSP, Certificate Transparency, Network Error Logging): är bra!
* Referrer Policy: är dåligt. (Vilket ger 1.00 färre poäng)
* Subresource Integrity (SRI): är dåligt. (Vilket ger 1.00 färre poäng)
* HTTP-headers: är ok, men har 3 fel och 0 varning(ar). (Vilket ger 0.30 färre poäng)
* Kakor: är ok, men har 9 fel och 0 varning(ar). (Vilket ger 0.90 färre poäng)
* localStorage: localStorage används ej.
* Tredjepartsförfrågningar: 20 förfrågningar (20 säkra, 0 osäkra) till 13 unika värdar.
* Serverplats: Servern fairtrade.se (91.201.60.85) verkade vara belägen i Sverige under vårt test.
Resultat skapat: 2021-06-03 10:50:38 Etc/UTC (Buffras 24h)

• Kolla integriteten med Webbkoll på dataskydd.net
• Hur funkar integritetsbetyget på Webperf?

Lever webbplatsen upp till EU:s webbdirektiv och WCAG?

---

Betyg: 1 av 5

* Väldigt dålig tillgänglighet!
* Antal tillgänglighetsproblem: 17 st

Problem:
* A button element does not have a name available to an accessibility API. Valid names are: title undefined, element content, aria-label undefined, aria-labelledby undefined.
* A searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.
* A button element does not have a name available to an accessibility API. Valid names are: title undefined, element content, aria-label undefined, aria-labelledby undefined.
* A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.28:1. Recommendation: change text colour to #1a7fa8.
* A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.56:1. Recommendation: change text colour to #757676.
* Anchor element found with a valid href attribute, but no link content has been supplied.
* A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.56:1. Recommendation: change text colour to #757676.
* Anchor element found with a valid href attribute, but no link content has been supplied.
* A element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.56:1. Recommendation: change text colour to #757676.
* Anchor element found with a valid href attribute, but no link content has been supplied.
* Info: För många unika problem för att lista alla

• Hur funkar tillgänglighetstestet Pa11y på Webperf?

Kontrollerar om webbplatsen stödjer IPv6, säkerhets­standarden TLS och vilka versioner av HTTP.

---

Betyg: 4.50 av 5

* Resultat för: https://fairtrade.se
- Har HTTP till HTTPS omdirigering (1.0 poäng)
- TLS Version(er):
-- TLSv1.3 stöd (+0.5 poäng)
-- TLSv1.2 stöd (+0.5 poäng)
-- Inget TLSv1.1 stöd (+0.3 poäng)
-- Inget TLSv1.0 stöd (+0.3 poäng)
- IP Version(er):
-- Bara IPv4 stöd (+0.5 poäng)
- HTTP Version(er):
-- HTTPv1.1 stöd (+0.5 poäng)
-- HTTPv2 stöd (+0.5 poäng)
-- HTTPv3 stöd (+0.2 poäng)
-- QUIC stöd (+0.2 poäng)

• Kolla om domänen stödjer IPv6
• Hur funkar HTTP, HTTP över SSL, IP, TLS & ESNI på Webperf?

Hur snabb är webbplatsen?

---

Betyg: 1 av 5

* Webbplatsen är väldigt långsam!
* Speedindex: 3970
* Laddtid: 8.12s
* Antal förfrågningar: 56 st

• Hur funkar Sitespeed.io-testet på Webperf?

Hur mycket koldioxid produceras genom en sidvisning? Drivs webbplatsen med grön-el?

---

Betyg: 1.04 av 5

* Koldioxid per sidvisning: 4.76 gram
* Webbsidan är grönare än 8 % av testade webbplatser.
* Webbplatsen verkar drivas av grön el.

• Kolla miljöpåverkan hos Websitecarbon.com

Följer webbplatsen praxis för progressiva webbappar?
Obs! Betygsätts inte.

---

* Genomsnittlig efterlevnad till praxis för progressiva webbappar.
* Antal problem med praxis för progressiva webbappar: 5 st

Problem:
* Web app manifest or service worker do not meet the installability requirements
* Does not set a theme color for the address bar.
* Does not register a service worker that controls page and `start_url`
* Is not configured for a custom splash screen
* Manifest doesn't have a maskable icon

Kolla Lighthouse hos web.dev