Introduktion till tillgänglighet
En kortfattad sammanställning av länkar till det nödvändigaste när det gäller tillgänglighet på webben, samt lite tips på ställen att lära sig grunderna och några verktyg som kan ge ett bra stöd vid utveckling.
Specifikationer och rekommendationer
Dokument från W3C som man behöver känna till och använda som referens vid behov. Viktigast är WCAG, men använder man sig av WAI-ARIA är det viktigt att kolla upp att man använder det på rätt sätt.
-
WCAG 2.1:
https://www.w3.org/TR/WCAG21/ -
WAI-ARIA 1.1 (Rekommendation):
https://www.w3.org/TR/wai-aria-1.1/ -
WAI-ARIA 1.2 (Kommande rekommendation, ej helt satt i sten):
https://www.w3.org/TR/wai-aria-1.2/ -
WAI-ARIA Authoring Practices 1.1:
https://www.w3.org/TR/wai-aria-practices/ -
WAI-ARIA Authoring Practices 1.2 (Editor’s Draft, under utveckling):
https://w3c.github.io/aria-practices/
Introduktion och information
W3C
Det finns mycket information hos W3C:s Web Accessibility Initiative (WAI), inklusive länkar till en del kurser.
-
Introduction to Web Accessibility:
https://www.w3.org/WAI/fundamentals/accessibility-intro/ -
Accessibility Fundamentals:
https://www.w3.org/WAI/fundamentals/ -
Digital Accessibility Foundations Free Online Course:
https://www.w3.org/WAI/fundamentals/foundations-course/ -
Developing for Web Accessibility:
https://www.w3.org/WAI/tips/developing/ -
Web Accessibility Tutorials:
https://www.w3.org/WAI/tutorials/
WebAIM
På https://webaim.org/ finns många förklarande artiklar samt verktyg som WAVE och projekt som The WebAIM Million och Screen Reader User Surveys.
-
Introduction to Web Accessibility:
https://webaim.org/intro/ -
Constructing a POUR Website:
https://webaim.org/articles/pour/
Access & Use
Exempel på vanligt förekommande komponenter, vilka problem de ofta har och hur man kan undvika dem.
-
The Components:
https://accessuse.eu/en/components.html
Verktyg
När man använder automatiska verktyg för att testa tillgänglighet är det viktigt att förstå att de endast kan hitta vissa tillgänglighetsproblem. Hur stor andel de kan hitta beror på vem man frågar och hur man räknar, men 20–50 % ser man ofta nämnas. En sida kan klara sig helt utan anmärkningar från automatiska testverktyg och ändå vara omöjlig att använda för vissa personer. Med det sagt är den här typen av verktyg ändå användbara eftersom de underlättar testning av sådant som kan testas automatiskt.
OBS! Innan man använder den typ av verktyg som nämns här på webbplatser som innehåller känslig information eller personuppgifter behöver man säkerställa att inget innehåll skickas till tredje part. Den bedömningen behöver göras från fall till fall.
Tillgänglighetstestning
-
axe DevTools (finns för Chrome, Firefox och Edge):
https://www.deque.com/axe/browser-extensions/ -
WAVE Browser Extension (finns för Chrome och Firefox):
https://wave.webaim.org/extension/ -
Firefox Developer Tools Accessibility Inspector:
https://developer.mozilla.org/en-US/docs/Tools/Accessibility_inspector
Övrigt
-
The W3C Markup Validation Service (HTML-validering):
https://www.deque.com/axe/browser-extensions/
OBS! Detta är en tredjepartstjänst som analyserar källkoden på sidan man testar, så använd den inte för sidor med potentiellt känsligt innehåll eller personuppgifter. -
Contrast Ratio (webbaserat verktyg för att kontrollera kontraster):
https://contrast-ratio.com/