Bilprovningen

Enligt DOS-lagen ska offentlig sektor och offentlig­finansierade organisationer ha en tillgänglighets­redogörelse. Den behöver vara lätt att hitta och ha ett innehåll för att vara korrekt.

---

Betyg: 5 av 5

Kollar om webbplatsen följer god praxis för webbutveckling, enligt Google Lighthouse kriterier.

---

Betyg: 4.45 av 5

- Webbplatsen kan ändå förbättra sig lite inom god praxis!
- Webbläsarfel loggades i konsolen ( 1.00 betyg )
- Bilder visas med låg upplösning ( 1.00 betyg )
- Felen loggades i `Issues`-panelen i Chromes verktyg för programmerare ( 1.00 betyg )

Integritet & säkerhet

- Felen loggades i `Issues`-panelen i Chromes verktyg för programmerare ( 1.00 betyg )

Kolla Lighthouse hos web.dev

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

---

Betyg: 5 av 5

- Webbsidan följer god SEO-praxis fullt ut!

Kolla Lighthouse hos web.dev

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

---

Betyg: 4.25 av 5

- Webbplatsen kan bli mer tillgänglig, men är ganska ok.

Tillgänglighet

- Alla attribut av typen `[aria-*]` har inte ett giltigt värde ( 1.00 betyg )
- Vissa länkar har inte ett igenkännligt namn ( 1.00 betyg )
- Länkarna har olika färg för att kunna särskiljas. ( 1.00 betyg )
- Tryckområdena är för små och har inte tillräckliga avstånd. ( 1.00 betyg )

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

Ett hastighetstest från Google.

---

Betyg: 2.80 av 5

- Webbplatsen är ganska långsam.

Hastighet

- Total Blocking Time: 190 ms ( 4.50 betyg )
- Largest Contentful Paint: 8,1 s ( 1.00 betyg )
- Cumulative Layout Shift: 0,165 ( 3.55 betyg )
- First Contentful Paint: 3,4 s ( 1.90 betyg )
- Speed Index: 4,8 s ( 3.40 betyg )
- Time to Interactive: 12,0 s ( 1.00 betyg )
- Minifiera CSS ( 1.00 betyg )
- Minifiera JavaScript ( 1.00 betyg )
- Reducera CSS som inte används ( 1.00 betyg )
- Reducera JavaScript som inte används ( 1.00 betyg )
- Skicka bilder i modernare bildformat ( 1.00 betyg )
- Se till att all text förblir synlig medan webbteckensnitten läses in: ( 2.50 betyg )
- Alla bildelement har inte `width` och `height`: ( 2.50 betyg )
- Skicka statiska tillgångar med en effektiv cachelagringspolicy: 19 resurser hittades ( 2.50 betyg )
- Undvik enorm nätverksbelastning: Den sammanlagda storleken var 2 777 Kibit ( 2.50 betyg )
- Skjut upp inläsningen av bilder som inte visas på skärmen: Möjlig databesparing 1 310 Kibit ( 2.50 betyg )
- Koda bilder effektivt: Möjlig databesparing 153 Kibit ( 2.50 betyg )
- Använd bilder med rätt storlek: Möjlig databesparing 1 302 Kibit ( 2.50 betyg )
- Undvik ett onödigt stort DOM-träd: 2 087 element ( 2.50 betyg )
- Passiva lyssnare används inte för att förbättra scrollningsprestanda: ( 2.50 betyg )
- Högsta potentiella fördröjning till första inmatningen: 200 ms ( 3.30 betyg )

Kolla Lighthouse hos web.dev

Kontroll av hur snabb webbplatsen är, genom opensource-verktyget Sitespeed.io.

---

Betyg: 4.59 av 5

Hastighet

- [desktop] TTFB (Time to First Byte): 426.67ms, ±5.33ms ( 3.00 betyg )
- [desktop] DOMContentLoaded: 833.67ms, ±36.33ms ( 4.33 betyg )
- [desktop] LCP (Largest Contentful Paint): 812.00ms, ±16.00ms ( 3.00 betyg )
- [desktop] Load: 1430.00ms, ±300.00ms ( 3.14 betyg )
- [desktop] FirstVisualChange: 633.50ms, ±32.50ms ( 4.73 betyg )
- [desktop] SpeedIndex: 827.50ms, ±22.50ms ( 4.34 betyg )
- [desktop] VisualComplete85: 817.00ms, ±16.00ms ( 4.37 betyg )
- [desktop] firstPaint: 634.00ms, ±14.00ms
- [desktop] LastVisualChange: 1470.00ms, ±300.00ms
- [mobile] Load: 1556.67ms, ±403.33ms ( 4.89 betyg )
- [mobile] firstPaint: 642.00ms, ±34.00ms
- [mobile] LastVisualChange: 1500.00ms, ±230.00ms

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

Följer webbplatsen praxis för felsidan 404?

---

Betyg: 3.40 av 5

- Hittades en huvudrubrik (h1) på sidan? ( 1.00 betyg )
- Saknas text som beskriver att ett fel uppstått (på svenska, eller engelska för engelskspråkig webbplats)? ( 1.00 betyg )

Webbstandard

- Hittades en huvudrubrik (h1) på sidan? ( 1.00 betyg )

Tillgänglighet

- Hittades en huvudrubrik (h1) på sidan? ( 1.00 betyg )
- Saknas text som beskriver att ett fel uppstått (på svenska, eller engelska för engelskspråkig webbplats)? ( 1.00 betyg )

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

Kontrollerar ifall Javascript-koden är korrekt enligt Webperf-communityts egna Javascript-test. Testet är ett "lint"-test för att avgöra om det är korrekt Javascript och följer webbstandard.

---

Betyg: 4.97 av 5

- JS är bra.

Webbstandard

- `< script>` in: #71: bc-v4.min.html, antal grupperade fel: 1 ( 4.80 betyg )
- `< script>` in: #71: bc-v4.min.html, antal fel: 1 ( 4.80 betyg )
- X is defined but never used. (totalt 1 st)

Integritet & säkerhet

- `< script>` in: #71: bc-v4.min.html, antal grupperade fel: 2 ( 4.60 betyg )
- `< script>` in: #71: bc-v4.min.html, antal fel: 2 ( 4.60 betyg )
- Expected X and instead saw X. (totalt 1 st)
- Expected an assignment or function call and instead saw an expression. (totalt 1 st)

Kontrollerar CSS-koden mot Webperf-communityts egna CSS-test, för att se om det följer modern webbstandard.

---

Betyg: 5 av 5

- CSS är välbyggd!

Kontrollerar HTML-koden mot Webperf-communityts egna HTML-test, för att se om det följer modern webbstandard.

---

Betyg: 4.80 av 5

- HTML är bra.

Webbstandard

- #71: bc-v4.min.html, antal grupperade fel: 2 ( 4.60 betyg )
- #71: bc-v4.min.html, antal fel: 2 ( 4.60 betyg )
- < html> is missing required X attribute (totalt 1 st)
- < html> element must have < head> as content (totalt 1 st)

Hur mycket koldioxid produceras genom en sidvisning och hur mycket energi går åt jämfört med andra webbplatser på Webperf?

---

Betyg: 1.85 av 5

- Webbsidan genererar en hel del koldioxid :/
- Koldioxid per sidvisning: 3.26 gram
- Webbsidan är grönare än 37 % av testade webbplatser på webperf.se (Referens uppdaterad: 2025-01-09).
- Nätverksstorlek: 5.16 MB
( 1.85 betyg )

• Hur funkar Energieffektivitet-testet på Webperf?

5 juli-stiftelsens tjänst Webbkoll kollar hur mycket som gjorts för att skydda besökarnas integritet. Betyg och bedömning är Webperfs.

---

Betyg: 3.41 av 5

- Ok integritet men borde nog bli bättre.

Integritet & säkerhet

- HTTP Strict Transport Security HSTS är ok, men har 1 fel och 1 varning(ar). ( 4.25 betyg )
- Content Security Policy är dåligt. ( 1.00 betyg )
- Referrer Policy är inte så bra. ( 2.50 betyg )
- Subresource Integrity SRI är dåligt. ( 1.00 betyg )
- Kakor är ok, men har 3 fel och 0 varning(ar). ( 3.50 betyg )

• Kolla integriteten med Webbkoll hos 5 juli-stiftelsen
• Hur funkar integritetsbetyget på Webperf?

Alpha-versionen av vårt mjukvaratest. Kontrollerar om det finns utdaterade versioner av mjukvara eller ramverk. Det vill säga potentiella säkerhetsrisker.

---

Betyg: 4.65 av 5

- Innehållshanteringssystem: sitevision
- Webbserver: iis, tomcat
- Operativsystem: windows-server
- Teknik: es6, java, js
- Licenser: apache-2.0
- Metadata: canonical, icon, open-graph, preload, viewport
- JS-ramverk/bibliotek: component, core-js, desandro-get-style-property, desandro-matches-selector, doc-ready, eventie, get-size, jquery, jquery-migrate, outlayer, react, underscore
- Språk: sv, sv_se
- Bildformat: gif, ico, jpeg, jpg, png, svg

• Hur funkar mjukvarutestet?
• Mjukvarutestets dokumentation på Github

Kontrollerar om webbplatsen har tredjeparter och molntjänster utanför EU:s jurisdiktion, och om fingerprint-teknik används eller annat som äventyrar användarens integritet?

---

Betyg: 3.31 av 5

Integritet & säkerhet

##### Dataskyddsförordningen och Schrems II-domen ( 1.00 betyg )
Antal olika länder: 3
Sidan skickades från Sverige: Ja
Länder utan adekvat nivå av dataskydd: 1
US, 1 förfrågningar:
- #21: font-awesome.mi
##### Spårning ( 4.84 betyg )
- #63: js - Spårning hittad ( 1.00 betyg )
- #64: js - Spårning hittad ( 1.00 betyg )
- #65: collect - Spårning hittad ( 1.00 betyg )
Besökaranalys används:
- #1: Webbsida - Har referens till Google Tag Manager
- #17: gtm.js - Har referens till Google Tag Manager
- #63: js - Har referens till Google Tag Manager
- #64: js - Har referens till Google Tag Manager
##### Identifierings­tekniker ( 1.00 betyg )
- #65: collect - Identifierings­tekniker hittade.
( 1.00 betyg )
##### Annonsörer ( 4.69 betyg )
- #63: js - Annonsörs­förfrågan hittad ( 1.00 betyg )
- #64: js - Annonsörs­förfrågan hittad ( 1.00 betyg )
- #65: collect - Annonsörs­förfrågan hittad ( 1.00 betyg )
- Fler än 5 annonsörs­förfrågningar hittade, döljer resten ( 1.00 betyg )
- Hittade totalt 8 annonsörs­förfrågningar.

Tillgänglighetstest av webbplatsen för att kolla upp följsamhet till tillgänglighets­riktlinjerna WCAG (Web Content Accessibility Guidelines). Pa11y testar upp till och med nivå AAA av WCAG, vilket är högre än kravet i DOS-lagen.

---

Betyg: 2.10 av 5

- Väldigt dålig tillgänglighet!

Tillgänglighet

- Antal grupperade fel: 9 ( 3.20 betyg )
- Antal fel: 52 ( 1.00 betyg )

##### Problem:
- Iframe element requires a non-empty title attribute that identifies the frame.
- A form does not contain a submit button, which creates issues for those who cannot submit the form using the keyboard. Submit buttons are INPUT elements with type attribute "submit" or "image", or BUTTON elements with type "submit" or omitted/invalid.
- A textarea 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 textinput 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 form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.
- Duplicate id attribute value "chatnameerrorinputlabel" found on the web page.
- Anchor element found with a valid href attribute, but no link content has been supplied.
- Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

• Hur funkar tillgänglighetstestet Pa11y på Webperf?

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

---

Betyg: 4.73 av 5

- RSS-prenumeration saknas i HTML-kodens metadata. ( 4.50 betyg )

Webbstandard

- Sitemap är bra. ( 4.43 betyg )

• Hur funkar testet av standardfiler på Webperf?

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

---

Betyg: 2.40 av 5

- Webbplatsen har rätt mycket fulkod eller har dålig frontend-kod.
( 2.40 betyg )
- Network ( 3.80 betyg )
- Images ( 1.00 betyg )
- Sidans DOM-komplexitet ( 3.90 betyg )
- Sidans Javascript-komplexitet ( 4.70 betyg )
- Sidans användning av dålig Javascript ( 4.95 betyg )
- Sidans användning av jQuery ( 5.00 betyg )
- Sidans CSS-komplexitet ( 1.00 betyg )
- Sidans användning av dålig CSS ( 2.85 betyg )
- Sidans användning av webbtypsnitt ( 2.15 betyg )
- Server­konfiguration ( 3.45 betyg )

Webbstandard

- Överlappande ID:n ( 1.00 betyg )
- CSS-syntax är fel ( 2.50 betyg )
- TLS-protokoll ( 4.00 betyg )

Integritet & säkerhet

- TLS-protokoll ( 4.00 betyg )

Hastighet

- DOM-åtkomst ( 3.95 betyg )
- Antal regler ( 1.00 betyg )
- Total vikt ( 1.00 betyg )
- Filminifiering ( 3.80 betyg )
- Below the fold images ( 2.75 betyg )
- Webfonts number ( 1.00 betyg )
- Overweighted webfonts ( 3.60 betyg )
- HTTP-protokoll ( 1.00 betyg )
- TLS-protokoll ( 4.00 betyg )
- Caching not specified ( 3.00 betyg )

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

Beta-version av e-postkollen. Utvärderar inställningar som SPF, DNS, MX och mycket mer.
Obs! Detta test ingår inte i totalbetyget, däremot i delbetyget Integritet & säkerhet.

---

Betyg: 4.12 av 5

Webbstandard

- SPF DNS-post har otillåtet innehåll ( 1.00 betyg )
- DMARC DNS-post har ett ogiltigt FO-värde ( 1.00 betyg )

Integritet & säkerhet

- MTA-STS TXT är inte i ett tvingande läge ( 1.00 betyg )
- SPF-servrar i länder utan adekvat nivå av dataskydd: US, HK, SG ( 1.00 betyg )

• Mejltestets dokumentation på Github

Kontrollerar CSS-koden mot W3C för att se om den har rätt syntax och följer webbstandard.

---

Betyg: 4.30 av 5

- CSS är välbyggd!

Webbstandard

- `< link rel="stylesheet">` in: #1: Webbsida , antal grupperade fel: 8 ( 3.40 betyg )
- `< link rel="stylesheet">` in: #1: Webbsida , antal fel: 65 ( 1.00 betyg )
- CSS: Parse Error. (totalt 46 st)
- CSS: Unrecognized at-rule X (totalt 6 st)
- CSS: X: X is not a X value. (totalt 4 st)
- CSS: X: Property X doesn't exist. (totalt 3 st)
- CSS: X: Missing a semicolon before the property name X. (totalt 2 st)
- CSS: X: only X can be a X. You must put a unit after your number. (totalt 2 st)
- CSS: Unknown pseudo-element or pseudo-class X (totalt 1 st)
- CSS: X: Parse Error. (totalt 1 st)

• Hur funkar CSS-testet på Webperf?

Kontrollerar HTML-koden mot W3C för att se om den har rätt syntax och följer webbstandard.

---

Betyg: 3.77 av 5

- Den testade sidan har 36 st fel i sin HTML-kod. Genomsnittligt.

Webbstandard

- #1: Webbsida - Antal (grupperade fel): 7 ( 3.60 betyg )
- #1: Webbsida - Antal fel: 35 ( 1.50 betyg )
- An X element must have an X attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images. (totalt 22 st)
- Element X not allowed as child of element X in this context. (Suppressing further errors from this subtree.) (totalt 4 st)
- Duplicate attribute X. (totalt 4 st)
- Attribute X not allowed on element X at this point. (totalt 2 st)
- Element X must not have attribute X unless attribute X is also specified. (totalt 1 st)
- The value of the X attribute of the X element must be the ID of a non-hidden form control. (totalt 1 st)
- The X attribute must point to an element in the same document. (totalt 1 st)

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