Standarder:
- EN 301 549.
- WCAG 2.1 nivå AA.
Förklaring
Teknikerna som används måste kunna hålla tillgänglig information, exempelvis måste bilder kunna beskrivas med text. De ska också kunna tolkas av hjälpmedel.
Det här kravet matchar inte något enskilt krav i WCAG men är en förutsättning för att kunna möta kraven i WCAG.
Java Applets:
Leta I html-koden efter <applet> elementet. Det kan se ut så här: <applet code="First.class" width="300" height="300"> Om det finns, kontrollera om det innehåller viktig information eller funktionalitet. Gör den det är punkten underkänd.
Lättast visar du koden genom att trycka F12 i Firefox, Chrome eller Internet Explorer. Sedan kan du söka på ordet "applet".
Flash:
Leta i koden efter <object> elementet. Om det finns och innehåller type="application/x-shockwave-flash" så är det en flash applikation. Om det finns, kontrollera att den inte innehåller viktig information eller viktig funktionalitet.
Lättast visar du koden genom att trycka F12 i Firefox, Chrome eller Internet Explorer. Sedan kan du söka på ordet "object".
Verktyget gör inga relevanta tester här
Det finns inga problem eller rekommendationer registrerade på den här punkten.
Kopplingar till standarder
Standarder:
- EN 301 549.
- WCAG 2.1 nivå AA.
Förklaring
Exempelvis ska länkade bilder som även har en text i länken inte upprepa det som står i länktexten (exempelvis en länkad ikon av en skrivare med texten "Skriv ut" i länken, ska inte ha en alt-text).
Använd i första hand css för att lägga in dekorativa bilder. Om bilden ligger i html-koden ska den ha alt-attributet, men det ska då vara tomt. Du kan också använda aria-hidden eller role="presentation" på bilden.
Verktyget gör inga relevanta tester här
Det finns inga problem eller rekommendationer registrerade på den här punkten.
Kopplingar till standarder
Standarder:
- EN 301 549.
- WCAG 2.1 nivå AA.
Förklaring
En länk på sidan är ok, men den måste vara tydligt utpekad så att användarna förstår att det är en länk till en textversion av ljudklippet.
Kontrollera om sidan har ljudinnehåll (ljud utan bild, exempelvis podcasts) som inte är livesänt.
Om det finns, kontrollera att det också finns en textbeskrivning som ger motsvarande information som ljudet i klippet. Textbeskrivningen ska ligga i nära anslutning till ljudklippet, eller vara länkat i nära anslutning till ljudklippet.
Verktyget gör inga relevanta tester här
Det finns inga problem eller rekommendationer registrerade på den här punkten.
Kopplingar till standarder
Standarder:
- EN 301 549.
- WCAG 2.1 nivå AA.
Förklaring
Språket på textningen ska motsvara vad användarna förväntar sig i den givna situationen.
Textningen ska inte enbart innehålla dialogen utan all viktig ljudinformation.
Kontrollera om sidorna har video som inte är livesänd.
Om det finns videor, kontrollera om de är textade. Antingen textade så att texten alltid visas, eller så att du som användare måste aktivera textremsan.
Kontrollera också att texten är på ett väntat språk. På en svensk sida i en engelskspråkig video bör inte textningen vara på tyska, om det inte finns särskilda skäl.
Verktyget gör inga relevanta tester här
Det finns inga problem eller rekommendationer registrerade på den här punkten.
Kopplingar till standarder
Förklaring
Detta är inte ett krav i Europeisk lagstiftning för tillfället.
Kontrollera om sidorna har livesänd video.
Om det finns livesända videor, kontrollera om de är textade. Antingen textade så att texten alltid visas, eller så att du som användare måste aktivera textremsan.
Kontrollera också att texten är på ett väntat språk. På en svensk sida i en engelskspråkig video bör inte textningen vara på tyska, om det inte finns särskilda skäl.
Verktyget gör inga relevanta tester här
Det finns inga problem eller rekommendationer registrerade på den här punkten.
Kopplingar till standarder
Standarder:
- EN 301 549.
- WCAG 2.1 nivå AA.
Förklaring
En syntolkning förklarar vad som händer visuellt i videon. Detta görs ofta som en separat video, men kan också göras som ett extra ljudspår som användaren kan välja att slå på och stänga av.
Om speakerrösten i videon ger all väsentlig information om vad som sker i bild behövs ingen separat syntolkning.
Exempel på syntolkad video https://www.youtube.com/watch?v=O7j4_aP8dWA
Kontrollera om det finns videor som inte sänds live.
Om det finns, kontrollera om det finns syntolkade versioner, eller om syntolkning är inbyggd i videospelaren/videon.
Om det finns en syntolkning, kontrollera att den ger all väsentlig visuell information.
Om det inte finns en syntolkning, kontrollera om videon innehåller visuell information som inte förmedlas med ljud, med exempelvis en speakerröst. Om sådan information finns bryter videon mot den här riktlinjen.
Verktyget gör inga relevanta tester här
Det finns inga problem eller rekommendationer registrerade på den här punkten.
Kopplingar till standarder
Förklaring
Informationen i placeholder texter återges även på andra sätt
Kontrollera om det finns formulärsfält med placeholdertexter. I bildexemplet nedan visas ett fält för personnummer. I fältet finns en placeholder med texten "ååååmmddxxxx".
Eftersom texten i fältet även finns under fältet är den här punkten uppfylld för exemplet. Notera att texten under fältet måste kopplas till fältet på ett korrekt sätt, men det är en fråga för en annan punkt i checklistan och är inte relevant för den här punkten.
Om det finns, kontrollera att informationen även är tillgänglig när användaren börjat fylla i fältet. Försvinner informationen är inte den här riktlinjen uppfylld.
Ett acceptabelt undantag är små sökfält i sidhuvudet. Om det bara står "sök" eller "sök på webbplatsen" i sökfältet och inte bredvid är det ok, men det är givetvis bättre om det även står bredvid eller ovanför fältet.
Genomfört test:
Placeholdertext som inte tycks upprepas någon annanstans
Verktyget har letat efter möjliga fel men inte hittat några sådana. Detta är bra, men det kan finnas fel som verktyget inte har hittat så du bör kontrollera det maneullt också.
Antalet formulärsobjekt som har en placeholdertext som inte tycks upprepas i någon annan beskrivning kopplad till fältet. Det är olyckligt eftersom placeholdern ofta helt missas av gravt synskadade användare och försvinner för alla när fokus väl sätts i fältet.
Punkten har fått en preliminär bedömning men du ska alltid kontrollera punkten manuellt.
Det finns inga problem eller rekommendationer registrerade på den här punkten.
Kopplingar till standarder
Standarder:
- EN 301 549.
- WCAG 2.1 nivå AA.
Förklaring
Det här gäller formulärsobjekt, länkar, knappar och andra interaktiva objekt. Alla sådana objekt måste vara möjliga att förstå även för användare som inte kan se. Exempelvis ska länkar har tydliga länktexter som förklarar länkens funktion, knappar ska ha tydliga knapptexter, och formulärsobjekt ska beskrivas i ledtexter som kopplas med label-element. Om det inte är möjligt så kan även attributet aria-label användas för att ge en beskrivning.
Kravet innebär också att status ska vara beskrivet om det är relevant, exempelvis om en kryssruta är vald eller inte, om ett expanderbart område är utfällt eller inte.
Den här punkten angränsar till flera andra punkter i checklistan, syftet här är att fånga upp alla fall som inte tydligt hör in under en annan punkt.
Det är viktigt att du testar att alla objekt är beskrivna med en skärmläsare, både på dator och mobil.
Lättast kontrollerar du detta genom att testa webbplatsen med skärmläsare.
Säkerställ att alla interaktiva objekt som formulärsobjekt (textfält, kryssrutor, datepickers…), knappar och länkar beskrivs på ett bra sätt till användarna.
Testa med åtminstone följande:
- NVDA (https://www.nvaccess.org/ med Firefox och Chrome. Testa både i ett brett fönster och ett smalt fönster som tvingar webbplatsen in i mobilläget.
- VoiceOver på en iPhone med Safari.
Lär dig hur skärmläsarna fungerar:
Genomfört test:
Formulärsobjekt som saknar beskrivning
Verktyget har letat efter fel men inte hittat några. Detta är bra, men det kan finnas fel som verktyget inte har hittat så du bör kontrollera det maneullt också.
Antalet formulärsobjekt (textfält, kryssrutor, radioknappar, knappar, select-listor, progressbar, meter och output) som saknar beskrivning.
Genomfört test:
Beskrivningen av formulärsobjektet är inte inlagd på ett bra sätt
Verktyget har letat efter möjliga fel men inte hittat några sådana. Detta är bra, men det kan finnas fel som verktyget inte har hittat så du bör kontrollera det maneullt också.
Antalet formulärsobjekt (textfält, kryssrutor, radioknappar, knappar, select-listor, progressbar, meter och output) som har en beskrivning, men den är inlagd på ett sätt som fungerar dåligt med hjälpmedlen. Använd i första hand ett label-element, aria-label eller aria-labelledby när du beskriver ett formulärsobjekt.
Genomfört test:
Möjligen är länktexten inte tillräckligt beskrivande
Den här typen av potentiella fel finns på 100% av de undersökta sidorna. Du behöver kontrollera hur stort problemet är för användarna.
Antalet länkar där länktexten inte tycks ge tillräckligt med information för att användaren ska förstå vart länken leder. Även om länken har exempelvis aria-label eller en title-text (tooltip) kommer många användare inte att kunna ta del av den informationen. För att möta WCAG på nivå AA räcker det att länken är begriplig i sitt sammanhang, men sträva alltid efter att ha länkar som är självförklarande och begripliga även om man inter ser var på sidan de ligger.
(i snitt för de sidor där felet återfinns)
Visar de 10 vanligaste avstegen av totalt 23:
-
Det här avsteget förekommer på 50 av totalt 50 undersökta sidor.
Felet dyker upp före att skript aktiverats och finns kvar efteråt.
<a title="Hem" href="/2.3361b921144ecb429f8393.html"><img alt="" class="sv-noborder c345" srcset="/images/18.3361b921144ecb429f8902/1417611116909/x320p/Logo.png 320w, /images/18.3361b921144ecb429f8902/1417611116909/Logo.png 385w" sizes="100vw" src="/images/18.3361b921144ecb429f8902/1417611116909/Logo.png"></a>
Påverkade sidor:
-
Det här avsteget förekommer på 4 av totalt 50 undersökta sidor.
Felet dyker upp före att skript aktiverats och finns kvar efteråt.
<a href="/rapporterochdokument/nyhetsarkiv/nyheterinlaggartiklar/businessarena.5.37d7df8d170c0278c165aaeb.html" title=""> <img alt="" src="/images/18.37d7df8d170c0278c165a7a5/1584456471158/Monterbild%20BA%20Ume%C3%A5%202020.jpg" srcset="/images/18.37d7df8d170c0278c165a7a5/1584456471158/x320p/Monterbild%20BA%20Ume%C3%A5%202020.jpg 320w, /images/18.37d7df8d170c0278c165a7a5/1584456471158/x480p/Monterbild%20BA%20Ume%C3%A5%202020.jpg 480w, /images/18.37d7df8d170c0278c165a7a5/1584456471158/x640p/Monterbild%20BA%20Ume%C3%A5%202020.jpg 640w, /images/18.37d7df8d170c0278c165a7a5/1584456471158/x800p/Monterbild%20BA%20Ume%C3%A5%202020.jpg 800w, /images/18.37d7df8d170c0278c165a7a5/1584456471158/x960p/Monterbild%20BA%20Ume%C3%A5%202020.jpg 960w, /images/18.37d7df8d170c0278c165a7a5/1584456471158/x1120p/Monterbild%20BA%20Ume%C3%A5%202020.jpg 1120w, /images/18.37d7df8d170c0278c165a7a5/1584456471158/x1280p/Monterbild%20BA%20Ume%C3%A5%202020.jpg 1280w, /images/18.37d7df8d170c0278c165a7a5/1584456471158/x1440p/Monterbild%20BA%20Ume%C3%A5%202020.jpg 1440w, /images/18.37d7df8d170c0278c165a7a5/1584456471158/x1600p/Monterbild%20BA%20Ume%C3%A5%202020.jpg 1600w, /images/18.37d7df8d170c0278c165a7a5/1584456471158/x1760p/Monterbild%20BA%20Ume%C3%A5%202020.jpg 1760w, /images/18.37d7df8d170c0278c165a7a5/1584456471158/x1920p/Monterbild%20BA%20Ume%C3%A5%202020.jpg 1920w, /images/18.37d7df8d170c0278c165a7a5/1584456471158/Monterbild%20BA%20Ume%C3%A5%202020.jpg 2016w" sizes="100vw" class="sv-noborder sv-channel-image c361"> </a>
Påverkade sidor:
-
Det här avsteget förekommer på 2 av totalt 50 undersökta sidor.
Felet dyker upp före att skript aktiverats och finns kvar efteråt.
<a href="/rapporterochdokument/nyhetsarkiv/nyheterinlaggartiklar/ledigalokalerochfastigheteriregionen.5.411bf6a315e259bf64de596a.html" title=""> <img alt="" src="/images/18.411bf6a315e259bf64de6442/1504099428541/(2)%20Objektvision%20regionskarta.png" srcset="/images/18.411bf6a315e259bf64de6442/1504099428541/x320p/(2)%20Objektvision%20regionskarta.png 320w, /images/18.411bf6a315e259bf64de6442/1504099428541/x480p/(2)%20Objektvision%20regionskarta.png 480w, /images/18.411bf6a315e259bf64de6442/1504099428541/(2)%20Objektvision%20regionskarta.png 504w" sizes="100vw" class="sv-noborder sv-channel-image c388"> </a>
%20Objektvision%20regionskarta.png)
Påverkade sidor:
-
Det här avsteget förekommer på 2 av totalt 50 undersökta sidor.
Felet dyker upp före att skript aktiverats och finns kvar efteråt.
<a href="/rapporterochdokument/nyhetsarkiv/nyheterinlaggartiklar/sundsvallsregionenpabusinessarenaiseptember.5.69870584156cdb8c6aebd762.html" title=""> <img alt="" src="/images/18.69870584156cdb8c6aec28f4/1472545412045/Business-Arena-webb.png" srcset="/images/18.69870584156cdb8c6aec28f4/1472545412045/x320p/Business-Arena-webb.png 320w, /images/18.69870584156cdb8c6aec28f4/1472545412045/x480p/Business-Arena-webb.png 480w, /images/18.69870584156cdb8c6aec28f4/1472545412045/x640p/Business-Arena-webb.png 640w, /images/18.69870584156cdb8c6aec28f4/1472545412045/x800p/Business-Arena-webb.png 800w, /images/18.69870584156cdb8c6aec28f4/1472545412045/x960p/Business-Arena-webb.png 960w, /images/18.69870584156cdb8c6aec28f4/1472545412045/x1120p/Business-Arena-webb.png 1120w, /images/18.69870584156cdb8c6aec28f4/1472545412045/x1280p/Business-Arena-webb.png 1280w, /images/18.69870584156cdb8c6aec28f4/1472545412045/x1440p/Business-Arena-webb.png 1440w, /images/18.69870584156cdb8c6aec28f4/1472545412045/x1600p/Business-Arena-webb.png 1600w, /images/18.69870584156cdb8c6aec28f4/1472545412045/Business-Arena-webb.png 1750w" sizes="100vw" class="sv-noborder sv-channel-image c386"> </a>
Påverkade sidor:
-
Det här avsteget förekommer på 2 av totalt 50 undersökta sidor.
Felet dyker bara upp efter att skript aktiverats.
<a class="flex-prev" href="#"></a>
Påverkade sidor:
-
Det här avsteget förekommer på 2 av totalt 50 undersökta sidor.
Felet dyker bara upp efter att skript aktiverats.
<a class="flex-next" href="#"></a>
Påverkade sidor:
-
Det här avsteget förekommer på 2 av totalt 50 undersökta sidor.
Felet dyker upp före att skript aktiverats och finns kvar efteråt.
<a href="/rapporterochdokument/nyhetsarkiv/nyheterinlaggartiklar/nyaetjanstermedmedborgarnyttagenomesamverkan.5.411bf6a315e259bf64dd719d.html" title=""> <img alt="" src="/images/18.411bf6a315e259bf64dd77c2/1504084865120/esamverkanlogotyp1.png" class="sv-noborder sv-channel-image c381"> </a>
Påverkade sidor:
-
Det här avsteget förekommer på 2 av totalt 50 undersökta sidor.
Felet dyker upp före att skript aktiverats och finns kvar efteråt.
<a href="/rapporterochdokument/nyhetsarkiv/nyheterinlaggartiklar/gemensamtyttrandeangaendenye4mellansundsvallochnordanstig.5.411bf6a315e259bf64dd89c2.html" title=""> <img alt="" src="/images/18.411bf6a315e259bf64de55b7/1504097981294/bil_tva_plus_ett_vag_26172_750x230.gif" srcset="/images/18.411bf6a315e259bf64de55b7/1504097981294/x320p/bil_tva_plus_ett_vag_26172_750x230.gif 320w, /images/18.411bf6a315e259bf64de55b7/1504097981294/x480p/bil_tva_plus_ett_vag_26172_750x230.gif 480w, /images/18.411bf6a315e259bf64de55b7/1504097981294/x640p/bil_tva_plus_ett_vag_26172_750x230.gif 640w, /images/18.411bf6a315e259bf64de55b7/1504097981294/bil_tva_plus_ett_vag_26172_750x230.gif 750w" sizes="100vw" class="sv-noborder sv-channel-image c383"> </a>
Påverkade sidor:
-
Det här avsteget förekommer på 1 av totalt 50 undersökta sidor.
Felet dyker upp före att skript aktiverats och finns kvar efteråt.
<a href="/rapporterochdokument/nyhetsarkiv/nyheterinlaggartiklar/tv4foreslaratttvainrikesreportrarplacerasisundsvall.5.55209d08145589ec5827ef.html" title=""> <img alt="" src="/images/18.55209d08145589ec582762/1417611116947/test-pattern-152459_640.png" srcset="/images/18.55209d08145589ec582762/1417611116947/x320p/test-pattern-152459_640.png 320w, /images/18.55209d08145589ec582762/1417611116947/x480p/test-pattern-152459_640.png 480w, /images/18.55209d08145589ec582762/1417611116947/test-pattern-152459_640.png 640w" sizes="100vw" class="sv-noborder sv-channel-image c339"> </a>
Påverkade sidor:
-
Det här avsteget förekommer på 1 av totalt 50 undersökta sidor.
Felet dyker upp före att skript aktiverats och finns kvar efteråt.
<a href="/rapporterochdokument/nyhetsarkiv/nyheterinlaggartiklar/tv4drarisarsverige.5.55209d08145589ec58274e.html" title=""> <img alt="" src="/images/18.55209d08145589ec582762/1417611116947/test-pattern-152459_640.png" srcset="/images/18.55209d08145589ec582762/1417611116947/x320p/test-pattern-152459_640.png 320w, /images/18.55209d08145589ec582762/1417611116947/x480p/test-pattern-152459_640.png 480w, /images/18.55209d08145589ec582762/1417611116947/test-pattern-152459_640.png 640w" sizes="100vw" class="sv-noborder sv-channel-image c339"> </a>
Påverkade sidor:
Punkten har fått en preliminär bedömning men du ska alltid kontrollera punkten manuellt.
Det finns inga problem eller rekommendationer registrerade på den här punkten.
Kopplingar till standarder
Standarder:
- EN 301 549.
- WCAG 2.1 nivå AA.
Förklaring
Iframe används för att visa innehåll från en annan websida i den aktuella webbsidan. Detta görs ofta när man exempelvis vill lägga in en videospelare, ett Twitterflöde eller någon annan form av applikation eller tredjepartslösning.
Gravt synskadade användare kan välja att låta hjälpmedlet tolka innehållet i ramen eller hoppa över den. För att de ska ha en aning om innehållet krävs det då ett title-attribut som förklarar innehållet.
Använd http://ace.useit.se för att testa sidan. Om det finns iframe-element utan en beskrivande title-text kommer det att rapporteras som ett fel.
Klicka på fliken för ramar i resultattabellen för att se vilka ramar som finns och vilka title-texter de har. Varje ram ska ha en kort text i attributet title som förklarar vad ramen har för innehåll.
Genomfört test:
<iframe> eller <frame> utan beskrivning
Verktyget har hittat det här felet på 2% av de undersökta sidorna. Detta är bra, men det kan finnas fel som verktyget inte har hittat så du bör kontrollera det maneullt också.
Antalet ramar som saknar beskrivning. En beskrivning kan läggas i title-attributet, eller i aria-label, eller kopplas till ramen med aria-labelledby eller aria-describedby.
(i snitt för de sidor där felet återfinns)
Visar de 1 vanligaste avstegen av totalt 1:
Genomfört test:
<iframe> eller <frame> med en beskrivning som lagts in med en mindre bra teknik
Verktyget har letat efter möjliga fel men inte hittat några sådana.
Antalet ramar som inte har en beskrivning i title-attributet, aria-label eller aria-labelledby. Att lägga en beskrivning i aria-describedby eller med andra metoder är inte lika robust och risken är att användarna missar informationen.
Punkten har fått en preliminär bedömning men du ska alltid kontrollera punkten manuellt.
Det finns inga problem eller rekommendationer registrerade på den här punkten.
Kopplingar till standarder
Standarder:
- EN 301 549.
- WCAG 2.1 nivå AA.
Förklaring
Serverbaserade bildkartor är gränssnitt där användaren kan flytta runt i en yta, eventuellt zooma in och ut, och där ytan visar nya vyer beroende på användarens interaktioner. Ett vanligt exempel är förstås Google maps, men det behöver egentligen inte handla om traditionella kartor.
Den här typen av lösningar kan vara utmanande för användare med hjälpmedel, främst användare som är gravt synskadade. Det bör därför finnas alternativ till den här typen av tjänst. Om du exempelvis har en karta som visar adressen för ert kontor bör du också ge adressen i form av text i anslutning till kartan. I mer komplexa lösningar kan du kombinera bildkartan med en sökfunktion där användaren kan söka fram information som både visas i kartan och som text.
Om det finns en serverbaserad bildkarta, säkerställ att all viktig information går att få fram i text också.
Verktyget gör inga relevanta tester här
Det finns inga problem eller rekommendationer registrerade på den här punkten.
Kopplingar till standarder
Förklaring
Rubrikstrukturen på alla sidor inleds med en rubrik kodad med elementet h1
Genomfört test:
Första rubriken är inte en huvudrubrik
Verktyget har letat efter möjliga fel men inte hittat några sådana.
Om första rubriken inte är en huvudrubrik (html-elementet <h1>) blir testet underkänt och det visas med en etta i resultatet.
Punkten har fått en preliminär bedömning men du ska alltid kontrollera punkten manuellt.
Det finns inga problem eller rekommendationer registrerade på den här punkten.
Kopplingar till standarder
