Finalister i Funka Digital Inclusion Award - Offentlig Sektor 2024

Först ett grattis till alla nominerade och uppmärksamheten det rimligen innebär att bli finalist i detta viktiga ämne.

Funka har gjort fortsatta analyser av de nominerade och kommit fram till sina finalister. Först och främst, de tio finalisterna är:

1. Elsäkerhetsverket
2. Kungsbacka kommun
3. Mjölby kommun
4. Mälarenergi AB
5. Skellefteå kommun
6. Simrishamns kommun
7. Skurups kommun
8. Specialpedagogiska skolmyndigheten (SPSM)
9. Statens tjänstepensionsverk
10. Vänersborgs kommun

Till deltävlingen Folkets röst kom Mälarenergi AB, Skellefteå kommun, Skurups kommun och Statens tjänstepensionsverk. Hur Funka valt ut dessa är oklart, men så här beskriver de Folkets röst:

"Delta i den sista deltävlingen för Funka Digital Inclusion Award – Offentlig sektor genom att rösta i Folkets röst. Efter fortsatta analyser av tio finalister har fyra aktörer nominerats till den sista deltävlingen. Resultaten från omröstningen kommer att vara en del i juryns underlag för att fatta beslut om vilken aktör som vinner Funka Digital Inclusion Award - Offentlig sektor 2024. Vinnaren presenteras den 23 september."

Men här på Webperf testar vi igenom alla 10 nominerade med automatiska metoder och ser hur de står sig. Och det visar sig att ingen av de fyra som valts ut för folk att rösta på är med på pallplats om urvalet gjorts med Webperfs automatiska metoder.

Ifall man sammanfattar testresultaten från Webperf efter förekomst av fel så skulle de fyra inom Folkets röst rankas så här:

1. Statens tjänstepensionsverk - 13% av sidorna har ett fel.
2. Skellefteå kommun - 69% av sidorna har ett fel, 3,6 i genomsnitt per sida som har ett fel.
3. Skurups kommun - 100% av sidorna har ett fel, vilket antingen är ett kontrastfel eller en textetikett.
4. Mälarenergi - 100% av sidor har minst ett fel. I genomsnitt 1,4 per sida.

Bäst av alla 10 finalisterna med automatiska metoder är:

1. Specialpedagogiska skolmyndigheten har 0% sidor med fel (efter manuella stickprov).
2. Kungsbacka kommun har 2,2%.
3. Mjölby kommun har 4,2%.

Metoden i detta test

De resultat du hittar nedan är av den automatiska sorten och det är att skrapa lite på ytan när det gäller tillgänglighet. På en genomsnittlig webbplats hittar man med så enkla medel åtminstone några tillgänglighetsbrister vilket gör att det är en rätt bra indikator på hur det står till. Dock händer det att automatiska tester tar fel och största problemet är att det inte kan upptäcka mer än cirka hälften av de sorters fel som kan finnas på en webbplats.
→ Automatiska tillgänglighetstester är inte tillräckligt (Webperf)

Så ta resultatet med en nypa salt! Testet är baserat på att från respektive webbplats startsida kravla fram cirka 50 stycken sidor att köra mot testmotorn axe-core. Så länge som den kravlade sidan finns på samma huvudsakliga domän fick den vara kvar i urvalet för testning.

Testmotor är Axe Core via Lighthouse 11.6 och --form-factor är inställd på mobile. Testerna gjordes 20:e augusti 2024.

Resultat enligt automatiska tillgänglighetstester

Elsäkerhetsverket

På denna webbplats testades 51 st webbsidor. På varenda en hittades minst en brist och i genomsnitt var det 3,2 stycken tillgänglighetsbrister per sida.

Det förekommer 6 st olika sorters fel på webbplatsen:

1. Värden som tilldelats till role="" är inte giltiga ARIA-roller.
2. Vissa knappar har inte namn som hjälpmedlen kan använda
3. Listor innehåller inte enbart <li>-element och stödelement för skript (<script> och <template>).
4. Tryckområdena är för små och har inte tillräckliga avstånd.
5. Rubrikelementen har inte ordnats i följd i fallande ordning
6. Vissa listposter (<li>) saknar ett överordnat <ul>-, <ol>- eller <menu>-element.

Utifrån detta resultat är Elsäkerhetsverket ganska genomsnittliga och inte ett föredöme. Men det finns mer kvalitativa aspekter av tillgänglighet som inte ett sånt här test tar höjd för.

Kungsbacka kommun

Hos Kungsbacka testades 46 st webbsidor och på en av dessa sidor upptäcktes en tillgänglighetsbrist. Frekvensen av sidor med brister är alltså strax över 2%.

Den brist som hittades var Vissa länkar har inte ett igenkännligt namn. Snyggt jobbat!

Mjölby kommun

Mjölby har länge varit aktiva i communityt runt Webperf så det gör att förväntningarna är lite högre ställda än för andra webbplatser. Och det visar sig att de levererar rätt bra också!

48 st webbsidor testades och på 2 av dessa sidor upptäcktes tillgänglighetsbrister. Det vill säga på 4,2% av sidorna. Dessa sidor hade en brist vardera, nämligen:

1. Kontrasten mellan bakgrundsfärg och förgrundsfärg är inte tillräckligt stor.
2. Tabellerna använder inte <caption> i stället för celler med [colspan]-attributet för att ange textning.

Mälarenergi AB

För Mälarenergi AB testades 52 stycken webbsidor igenom och på varenda en hittades minst en brist. I genomsnitt har de 1,4 brister per sida, vilket i jämförelse med många webbplatser är relativt lågt. Dock tyder det på att Mälarenergi antagligen inte jobbat aktivt med automatiskt tillgänglighetstestning och det är en låg ribba att klara om man alls jobbar med tillgänglighetstestning.

Det förekommer nio olika sorters fel på webbplatsen. Dessa är följande:

1. Kontrasten mellan bakgrundsfärg och förgrundsfärg är inte tillräckligt stor.
2. Rubrikelementen har inte ordnats i följd i fallande ordning
3. Element med synliga textetiketter har inte matchande maskinläsbara etiketter.
4. Vissa listposter (<li>) saknar ett överordnat <ul>-, <ol>- eller <menu>-element.
5. Vissa element saknar kopplade etikettelement.
6. Tabellerna använder inte <caption> i stället för celler med [colspan]-attributet för att ange textning.
7. Vissa <frame>- eller <iframe>-element saknar titel
8. Alla bildelement har inte [alt]-attribut
9. <td>-element i en stor <table> saknar tabellrubriker.

Skellefteå kommun

Redan på första sidvisningen misslyckas Skellefteå kommun med både DOS-lagen, kaklagen och GDPR när enbart ”Godkänn alla kakor” är det visuella textalternativet för samtycke till kakor.

Men om man tittar med mer automatiska metoder och på 49 sidor som i det här testet visar det sig att knappt 70% av sidorna har en tillgänglighetsbrist. Mindre bra är att av sidorna som har en brist är det hela 3,6 stycken per sida.

Hos Skellefteå kommun förekommer hela 12 st olika sorters fel på webbplatsen:

1. Värden som tilldelats till role="" är inte giltiga ARIA-roller.
2. Kontrasten mellan bakgrundsfärg och förgrundsfärg är inte tillräckligt stor.
3. [user-scalable="no används i elementet <meta name="viewport">, eller också är värdet på attributet [maximum-scale] mindre än 5.
4. Vissa länkar har inte ett igenkännligt namn
5. Rubrikelementen har inte ordnats i följd i fallande ordning
6. Element med synliga textetiketter har inte matchande maskinläsbara etiketter.
7. Länkarna har olika färg för att kunna särskiljas.
8. Listor innehåller inte enbart <li>-element och stödelement för skript (<script> och <template>).
9. Vissa listposter (<li>) saknar ett överordnat <ul>-, <ol>- eller <menu>-element.
10. Alla attribut av typen [aria-*] stämmer inte med elementets roll
11. Alla bildelement har inte [alt]-attribut
12. Namnen för button-, link- och menuitem-elementen är inte igenkännliga.

Simrishamns kommun

53 st webbsidor utvärderades från Simrishamns webbplats. På 100% av dessa fanns minst en brist, men i genomsnitt 1,1 st per sida.

Med vad metoden uppfattar som en brist på varje sida och så pass få brister i genomsnitt är det här ett resultat att ta med än större nypa salt innan man gör en manuell kontroll. Ibland stämmer de här felen som hittas på samtliga sidor för att man vid testtillfället hade en varning man visade på varje sida. Exempelvis som när kommuner varnar om eldningsförbud, inte dricka vattnet, etc. Dessa meddelanden ligger inte nödvändigtvis kvar någon dag senare när man kollar. Därför anges datumet för detta test. 20:e augusti.

Det finns fyra olika sorters fel på webbplatsen:

1. Element med synliga textetiketter har inte matchande maskinläsbara etiketter.
2. Rubrikelementen har inte ordnats i följd i fallande ordning
3. Tryckområdena är för små och har inte tillräckliga avstånd.
4. Vissa <frame>- eller <iframe>-element saknar titel

Skurups kommun

Likt Skellefteå kommun kan man hos Skurup ha invändningar på DOS-lagen och GDPR redan i frågan om samtycke till kakor. DOS-lagen eftersom kontrasten på knappen ”Inställningar” är riktigt dålig, och GDPR utifall någon av alla dessa kakor innehåller någon form av personuppgifter. Detta kan nog inte ses som ett informerat samtycke.
Utöver detta så skulle nog även PTS som utövar tillsyn för kaklagen / LEK ha synpunkter på hur lätt det är att välja ”Godkänn alla kakor” jämfört med att tacka nej, vilket kanske gömmer sig under ”Inställningar” som knappt går att läsa.

Nu är det här ingen expertgranskning, men att Skurup inte översatt ”privacy policy” till svenska eller markerat orden som engelska i sin HTML-kod gör mig nyfiken på hur det här låter om man får webbsidan uppläst för sig. Att tagga upp språk korrekt är en del av WCAG på nivå AA, vilket är lagkrav för en kommun.
→ Understanding Success Criterion 3.1.2: Language of Parts

Så vad hittade det automatiska testet då? Minst en brist på var och en av de 52 testade sidorna. Men, inte särskilt mycket mer än kontrastförhållandet i samtycket till kakor, vilket axe DevTools säger så här om:

“Element has insufficient color contrast of 1.67 (foreground color: #3a71aa, background color: #0e5270, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1”

Sedan fanns också en förekomst av Element med synliga textetiketter har inte matchande maskinläsbara etiketter.

Om man lyckas bortse från det vitala med ett kaksamtycke så är Skurups webbplats ändå rätt bra.

Specialpedagogiska skolmyndigheten (SPSM)

SPSM har ett speciellt uppdrag om man tänker på tillgänglighet då de själva jobbar med målgruppen som har hela bredden av funktionsnedsättningar.

54 stycken sidor undersöktes på SPSM:s webbplats. Som med Simrishamns kommuns resultat har även SPSM många sidor med fel men nära på bara ett fel per sida, vilket gör att man behöver tvivla lite på om det automatiska testet misstagit sig.
SPSM har bara en sorts fel enligt metoden, nämligen Det finns element med ett `[tabindex]`-värde som är större än 0 vilket vid manuell kontroll med axe DevTools samt ARC Toolkit inte går att hitta.

Det tyder på att SPSM faktiskt inte har några brister enligt detta enkla test med automatisk metod, om man kontrollerar med ett stickprov. Snyggt!

Statens tjänstepensionsverk (SPV)

SPV har på grund av namnkunniga anställda lite högre förväntan på sig inom tillgänglighet. 39 sidor undersöktes på webbplatsen och på knappt 13% upptäcktes en brist, exakt en per sida.

Ett sådant resultat tyder på att man har arbetssätt men lever i en förvaltningsfas där det över tid ändå letar sig in tillgänglighetsbrister. En svår nöt att knäcka exempelvis om man har många webbredaktörer eller parter som bidrar till den gemensamma webbplatsen.

Tillgänglighetsbristerna som upptäcktes är:

1. Rubrikelementen har inte ordnats i följd i fallande ordning
2. <html>-elementets [lang]-attribut har inte ett giltigt värde.
3. Tryckområdena är för små och har inte tillräckliga avstånd.

Vänersborgs kommun

Vänersborg var med på listan när tillgängligheten på svenska kommuners webbplatser jämfördes i början av augusti. Då klarade de sig utan klander. Men i det här testet försökte den automatiska testmotorn att kolla igenom fler sidor på webbplatsen och inte nödvändigtvis samma sidor som vid det föregående testet. Bland annat dök Vänersborgs mina sidor upp bland deras sidor med flest bekymmer.

Totalt testades 48 st webbsidor, varav 37 hade tillgänglighetsbrister. I genomsnitt hittades 1,2 st brister per sida vilket gör att man kan fundera på hur tillförlitligt testet är. Samtidigt förekommer 7 st olika sorters fel på webbplatsen, vilket minskar troligheten att allt beror på testmotorn eller metoden.
Den mest frekventa tillgänglighetsbristen är Tryckområdena är för små och har inte tillräckliga avstånd vilket med stickprov via Pagespeed Insights kan bekräftas.

De brister som hittades är:

1. Tryckområdena är för små och har inte tillräckliga avstånd.
2. <html>-elementet har inget [lang]-attribut
3. [user-scalable="no används i elementet <meta name="viewport">, eller också är värdet på attributet [maximum-scale] mindre än 5.
4. Kontrasten mellan bakgrundsfärg och förgrundsfärg är inte tillräckligt stor.
5. Vissa länkar har inte ett igenkännligt namn
6. Tabellerna använder inte <caption> i stället för celler med [colspan]-attributet för att ange textning.
7. Rubrikelementen har inte ordnats i följd i fallande ordning

Vill du ladda ner resultatet eller börja testa automatiskt själv?

Nedan fil innehåller en CSV-fil med resultatet för varje webbplats som är finalist i Funka Digital Inclusion Award 2024. En CSV-fil kan importeras i exempelvis Excel.
→ 2024-08-20: funka-digital-inclusion-finalister (zip, innehåller 10 st CSV-filer)

Det är inte särskilt komplicerat att köra dessa tester ifall du är utvecklare eller lite tekniskt lagd. Det finns en virtuell Webperf-server. Testerna är open source och finns på Github - webperf_core - inklusive en version att köra med Docker.

Ifall du vill testa igenom säg 30 sidor på din egen eller någon annans webbplats är det inte konstigare än att installera någon variant av ovanstående alternativ. Sen letar du upp webbplatsens sitemap och skickar följande kommando till Webperf Core:

python default.py -t 10 -i https://webbplatsen.se/sitemap.xml --input-take 30 --output mitt-resultat.csv

Vill du ha hjälp finns det alltid någon i Webperf-communityt på Slack som tar sig tiden, så kom dit med din fråga.

Vill du få en replik eller rättelse? Det är helt i sin ordning. Webperf-communityt handlar om att vi alla ska bli bättre. Hör av dig till Marcus Österberg på vår Slack så får vi det att hända!