HC 1.3 Tillgänglighet inom webb
Table of contents
För att en webbsida ska kunna läsas av alla, så behöver den anpassas på olika sätt. Några viktiga aspekter att tänka på är att det ska gå att navigera på sidan via endast tangentbord, att texten ska gå att förstora, att kontrast mellan text och bakgrund ska var tillräckligt hög och att sidan ska fungera bra med en skärmläsare
Olika typer av tillgänglighet
Viktigt att tänka på att det finns olika varianter av nedsättnigar där tillgängligheten behöver tas i beaktning.
Visuell
- Tillåt skalning av textstorlek
- Tillräcklig kontrast mellan text och bakgrund
- Testa sidan för olika typer av färgblindhet
- Ska fungera bra med skärmläsare
- Använd rätt
alt-attribut - Autospela inte ljud
Auditiv
- Undertext och transkribering av video och ljud
- Använd inte ljud för att indikera något eller navigera
- Autospela inte ljud
Motorisk
- Ha i åtanke att alla inte använder mus
- Sidan ska gå att tabba igenom i logisk ordning
- Stora träffytor för knappar på touch-enheter
Kognitiv
- Gör tydligt var på sidan användaren är (breadcrumbs)
- Organisera innehållet logiskt och med fallande rubriknivåer
- Gör texten enkel att skumma igenom
- Markera länkar och knappar tydligt
- Använd gärna bilder roch grafik
- Tillhandahåll eventuellt en sida med extra lättläst text
- Autospela inte ljud
Semantiska element
Läs mer här.
Riktlinjer
Det finns många initiativ med stöd och riktlinjer för att få din sida så tillgänglig som möjligt.
W3C har ihop med olika organisationer satt ihop standardiserade riktlinjer under namnet WCAG (Web Content Accessibility Guidelines) 1. WCAG’s riktlinjer är sorterade under fyra principer:
- Perceivable - innehåller ska uppfattas/tolkas (visuellt eller med skärmläsare)
- Operable - användare ska kunna använda sidan (via mus, tangentbord eller andra hjälpmedel)
- Understandable - innehållet och navigationen måste kunna förstås av användare
- Robust - innehållet ska vara robust nog att vara tillgängligt även när tekniker utvecklas
Några exempel på implementationer vi kan göra för att möta de fyra principerna 2
Perceivable
- Erbjud textbaserade alternativ för visuellt innehåll
- Undertexter för video och ljud
- Skapa innehåll som går att presentera på olima sätt, utan att förlora sin innebörd
- Gör det enkelt för användare att se och höra innehåll
Operable
- All funktionalitet tillgänglig via tangentbord
- Ge tillräckligt med tid för att läsa och nyttja innehåll
- Inget innnehåll som kan orsaka anfall eller fysiska reaktioner
- Förenkla för användaren att navigera och hitta innehåll
- Gör det enkelt att andvända andra inmatningsverktyg än tangentbord
Understandable
- Gör text läsbar och begriplig
- Innheållet ska synas och hanteras på förutsägbara sätt
- Hjälpa användare att undvika och rätta till misstag
Robust
- Maximera kompabilitet med nuvarande och framtida användarverktyg
För varje riktlinje så finns det tester som kan ge tre olika nivåer av success criteria/betyg: A, AA och AAA (mer finns att läsa om det här).
Verktyg
För att uppnå WCAG har W3C samlat verktyg och tillvägagångssätt under WAI-ARIA (Web Accessibility Initiative – Accessible Rich Internet Applications) 3. I WAI-ARIA finns:
- Roles att beskriva vad element är/gör eller vilken plats de har på sidan (t.ex.
role="slider") - Properties som kan tilldela element extra mening eller semantik (t.ex.
aria-required="true") - State för att defniera specifik status på element (t.ex.
aria-disabled="true")