Brandskyddsföreningen

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: 2 av 5

* Webbplatsen är dålig på tillgänglighet för funktions­varierade personer.
* Antal problem med tillgänglighet: 5 st
* `* Links do not have a discernible name
* `[user-scalable="no"]` is used in the `* Background and foreground colors do not have a sufficient contrast ratio.
* Image elements do not have `[alt]` attributes

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

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

---

Betyg: 1 av 5

* robots.txt saknas, får inte lov att hämtas eller har inte förväntat innehåll.
* Sitemap anges inte i robots.txt
* RSS-prenumeration saknas i meta.
* security.txt har inte förväntat innehåll.

• Hur funkar testet av standardfiler på Webperf?

Kontrollerar HTML-koden mot W3C.

---

Betyg: 1 av 5

* Den testade sidan har massor med fel i sin HTML-kod. Hela 58 st.
* Antal (grupperade fel): 8, vilket ändrar betyget till: 3.40
* Antal fel: 58, vilket ytterligare minskar betyget med: 5.80
* Problem (grupperad på feltyp):
- Bad value “” for attribute X on element X: Browsing context name must be at least one character long. (totalt 18 st)
- An X element must have an X attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images. (totalt 16 st)
- Element X not allowed as child of element X in this context. (Suppressing further errors from this subtree.) (totalt 16 st)
- Bad value X for attribute X on element X: Illegal character in query: space is not allowed. (totalt 3 st)
- Stray end tag X. (totalt 2 st)
- Bad value X for attribute X on element X. (totalt 1 st)
- Bad start tag in X in X in X. (totalt 1 st)
- Start tag X seen but an element of the same type was already open. (totalt 1 st)

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

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

---

Betyg: 1 av 5

* Webbplatsen är inte alls bra på att följa praxis!
* Antal problem med god praxis: 5 st

Problem:
* Browser errors were logged to the console
* Missing source maps for large first-party JavaScript
* Registers an `unload` listener
* Links to cross-origin destinations are unsafe
* Includes front-end JavaScript libraries with known security vulnerabilities

Kolla Lighthouse hos web.dev

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

---

Betyg: 3 av 5

* Genomsnittlig efterlevnad till SEO-praxis.
* Antal problem med sökmotoroptimering (SEO): 3 st

Problem:
* Document does not have a valid `rel=canonical`
* Links are not crawlable
* Image elements do not have `[alt]` attributes

Kolla Lighthouse hos web.dev

Följer webbplatsen praxis för felsidan 404?

---

Betyg: 3 av 5

* Fel statuskod. Fick 200 när 404 vore korrekt.

• 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: 3.118 sekunder
* Första meningsfulla visuella ändring: 1.26 sek
* Första meningsfulla visuella ändring på 3G: 2.46 sek
* Webbplatsen är interaktiv: 22.175 sek
* Tid spenderad på hänvisningar: 0.0 sek
* Sidans totala vikt: 3859 kb

Kolla Lighthouse hos web.dev

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:
* Is not configured for a custom splash screen
* 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`
* Manifest doesn't have a maskable icon

Kolla Lighthouse hos web.dev

Kontrollerar CSS-koden mot W3C.

---

Betyg: 2.30 av 5

* CSS är dålig.
- Antal (grupperade fel): 8, vilket ändrar betyget till: 3.40
- Antal fel: 19, vilket ytterligare minskar betyget med: 1.10
-- The value “break-word” is deprecated (totalt 6 st)
-- Unknown pseudo-element or pseudo-class “:label-shown” (totalt 5 st)
-- Deprecated media feature “device-width”. For guidance, see the Deprecated Media Features section in the current Media Queries specification. (totalt 2 st)
-- Deprecated media feature “device-height”. For guidance, see the Deprecated Media Features section in the current Media Queries specification. (totalt 2 st)
-- “filter”: “"progid:DXImageTransform.Microsoft.gradient(enabled = false)"” is not a “filter” value. (totalt 1 st)
-- Deprecated media feature “device-aspect-ratio”. For guidance, see the Deprecated Media Features section in the current Media Queries specification. (totalt 1 st)
-- only “0” can be a “unit”. You must put a unit after your number (totalt 1 st)
-- “font-family”: “#208383” is not a “font-family” value. (totalt 1 st)

• Hur funkar CSS-testet på Webperf?

Hur snabb är webbplatsen?

---

Betyg: 3.92 av 5

* Genomsnittlig hastighet.
* Speedindex: 1310
* Laddtid: 3.72s
* Antal förfrågningar: 88 st

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

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

---

Betyg: 1.50 av 5

* Övergripande betyg: 20 av 100
* Testat för enhetstyp: phone
* Sidans storlek: -140
* Andelen resurser för sidan: 65
* Sidans DOM komplexitet: 97
* Sidans användning av dålig javascript: 84
* Sidans användning av jQuery: 100
* Sidans CSS komplexitet: 42
* Sidans användning av dålig CSS: 64
* Sidans användning av webbtypsnitt: -3
* Server konfiguration: 34

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

Lever webbplatsen upp till EU:s webbdirektiv och WCAG?

---

Betyg: 1 av 5

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

Problem:
* The html element should have a lang or xml:lang attribute which describes the language of the document.
* Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
* Anchor element found with a valid href attribute, but no link content has been supplied.
* Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.
* Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.
* Anchor element found with no link content and no name and/or ID attribute.
* Anchor element found with a valid href attribute, but no link content has been supplied.
* Anchor element found with no link content and no name and/or ID attribute.
* Anchor element found with a valid href attribute, but no link content has been supplied.
* Anchor element found with no link content and no name and/or ID attribute.
* Info: För många unika problem för att lista alla

• Hur funkar tillgänglighetstestet Pa11y på Webperf?

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

---

Betyg: 3.59 av 5

* Genomsnittligt när det gäller koldioxid.
* Koldioxid per sidvisning: 2.21 gram
* Webbsidan är grönare än 20 % av testade webbplatser.
* Kunde inte se att webbplatsen använder grön el.

• Kolla miljöpåverkan hos Websitecarbon.com