Resurser och ordlista för webbtillgänglighet

Den här sidan fungerar som din referenspunkt för tillgänglighetsterminologi, officiella standarder, verktyg och vidare lärande. Bokmärk den och återvänd när du behöver slå upp ett begrepp eller hitta en resurs.

Ordlista för webbtillgänglighetstermer

Accessibility Tree (Tillgänglighetsträd) — En förenklad representation av DOM:en som webbläsare skapar för hjälpmedel. Det innehåller den semantiska informationen om sidelement — deras namn, roller, tillstånd och egenskaper — som skärmläsare och andra hjälpmedel använder för att presentera innehåll för användare.

Alternative Text (Alt-text) — En textbeskrivning av icke-textinnehåll, vanligast för bilder. Alt-text läses upp av skärmläsare och visas när bilder inte kan laddas. Den bör beskriva bildens syfte eller innehåll, inte bara dess visuella utseende.

ARIA (WAI-ARIA) — Accessible Rich Internet Applications. En W3C-specifikation som tillhandahåller ytterligare HTML-attribut för att förbättra tillgängligheten hos dynamiskt webbinnehåll och anpassade widgetar. ARIA lägger till semantisk information för hjälpmedel när nativa HTML-semantiker är otillräckliga.

Assistive Technology (Hjälpmedel) — Hårdvara eller mjukvara som personer med funktionsnedsättning använder för att interagera med digitalt innehåll. Exempel inkluderar skärmläsare (JAWS, NVDA, VoiceOver), skärmförstorare, alternativa tangentbord, switchenheter, röstingenkänningsprogram och ögonstyrningssystem.

Conformance (Överensstämmelse) — I vilken grad digitalt innehåll uppfyller kraven för en specifik WCAG-nivå. Full överensstämmelse på en given nivå innebär att alla framgångskriterier på den nivån och lägre är uppfyllda för hela sidan.

EAA (European Accessibility Act) — EU-direktiv 2019/882 som kräver tillgänglighet för produkter och tjänster inklusive e-handel, banktjänster, transport och telekommunikation. Verkställbart sedan 28 juni 2025.

EN 301 549 — Den harmoniserade europeiska standarden för IKT-tillgänglighet. Den inkorporerar WCAG för webbinnehåll och tillhandahåller ytterligare krav för mjukvara, dokument, hårdvara och kommunikationsteknologier. Överensstämmelse med EN 301 549 skapar en presumtion om överensstämmelse med EAA.

Focus Indicator (Fokusindikator) — En visuell indikator (vanligtvis en kontur eller markering) som visar vilket element på en sida som för närvarande har tangentbordsfokus. Väsentlig för tangentbordsnavigation.

Landmark (Landmärke) — En region på en sida som har identifierats ha ett specifikt strukturellt syfte, vilket gör att hjälpmedelanvändare kan navigera direkt till den. Vanliga landmärken inkluderar banner, navigation, main, complementary och contentinfo. Skapas genom HTML5-sektionselement eller ARIA-landmärkesroller.

Live Region — Ett område på en webbsida som uppdateras dynamiskt och vars ändringar bör annonseras av hjälpmedel utan att användaren behöver navigera till det området. Definieras med aria-live-attributet med värdena "polite" (annonseras vid nästa naturliga paus) eller "assertive" (annonseras omedelbart).

POUR — De fyra principerna i WCAG: Perceivable (Uppfattbar), Operable (Hanterbar), Understandable (Begriplig), Robust. Alla WCAG-riktlinjer och framgångskriterier är organiserade under dessa principer.

Screen Reader (Skärmläsare) — Hjälpmedelsprogram som konverterar skärminnehåll till tal eller punktskrift. Skärmläsare tolkar tillgänglighetsträdet för att presentera innehåll, navigera sidstruktur och interagera med kontroller.

Semantic HTML (Semantisk HTML) — HTML-markup som förmedlar mening om det innehåll den innehåller, i motsats till att enbart definiera dess utseende. Att använda <nav> istället för <div class="nav">, <button> istället för <span onclick> och <h2> istället för <div class="heading"> är exempel på semantisk HTML.

Skip Link — En navigationsmekanism, vanligtvis det första fokuserbara elementet på en sida, som låter tangentbordsanvändare hoppa över upprepade innehållsblock (som navigationsmenyer) och gå direkt till huvudinnehållet.

Success Criterion (Framgångskriterium) — Ett specifikt, testbart krav inom WCAG. Varje framgångskriterium tilldelas ett nummer (t.ex. 1.4.3), ett beskrivande namn (Kontrast – Minimum) och en överensstämmelsenivå (A, AA eller AAA).

VPAT (Voluntary Product Accessibility Template) — Ett standardiserat dokumentformat som används för att beskriva hur en produkt eller tjänst uppfyller tillgänglighetsstandarder. VPAT:er krävs vanligen i upphandlingsprocesser, särskilt i den amerikanska offentliga sektorn.

WCAG (Web Content Accessibility Guidelines) — Den internationella standarden för webbtillgänglighet publicerad av W3C. Den nuvarande versionen är WCAG 2.2, med 86 framgångskriterier organiserade under fyra principer och tretton riktlinjer.

Officiella standarder och specifikationer

• WCAG 2.2 — Den nuvarande W3C-rekommendationen för webbtillgänglighet: w3.org/TR/WCAG22/
• Understanding WCAG 2.2 — Detaljerade förklaringar av varje framgångskriterium: w3.org/WAI/WCAG22/Understanding/
• Techniques for WCAG 2.2 — Specifika implementeringstekniker: w3.org/WAI/WCAG22/Techniques/
• WAI-ARIA 1.2 — Den nuvarande ARIA-specifikationen: w3.org/TR/wai-aria-1.2/
• ARIA Authoring Practices Guide — Implementeringsmönster för tillgängliga widgetar: w3.org/WAI/ARIA/apg/
• EN 301 549 — Europeisk IKT-tillgänglighetsstandard
• European Accessibility Act — Direktiv 2019/882 fulltext

Testverktyg

Gratis automatiserade testverktyg: axe DevTools webbläsartillägg, WAVE webbläsartillägg, Google Lighthouse (inbyggt i Chrome), IBM Equal Access Accessibility Checker, Pa11y (kommandorad).

Kontrastkontroller: WebAIM Contrast Checker, Colour Contrast Analyser (skrivbordsapplikation), Chrome DevTools färgväljare med kontrastförhållande.

Skärmläsare för testning: NVDA (gratis, Windows), VoiceOver (inbyggt i macOS och iOS), TalkBack (inbyggt i Android), JAWS (kommersiell, Windows).

Webbläsarutvecklarverktyg: Chrome Accessibility-panel, Firefox Accessibility Inspector, Edge DevTools tillgänglighetsfunktioner.

Vidare lärande

• W3C Web Accessibility Initiative (WAI) — Den mest auktoritativa källan för tillgänglighetsvägledning och standarder: w3.org/WAI/
• WebAIM — Praktiska tillgänglighetsresurser och utbildning: webaim.org
• The A11Y Project — Samhällsdriven tillgänglighetsresurs: a11yproject.com
• Deque University — Gratis tillgänglighetskurser och certifiering: dequeuniversity.com