Vad är bakgrunden till det nya tillgänglighetsdirektivet?
Det nya i tillgänglighetsdirektivet WCAG är att även privata aktörer behöver följa WCAG:s riktlinjer. Det gäller exempelvis dig som har en e-handel, ett företag inom finans eller utbildning. Alla användare ska kunna ta del av ditt innehåll utan hinder, vare sig det handlar om en synskada eller annan funktionsnedsättning. Det kan också röra sig om en kognitiv nedsättning, en skadad hand, hjärntrötthet eller att användaren är generellt stressad. Allt vi precis rabblade upp kan bli ett hinder om webbsidan eller appen inte är tillgänglighetsanpassad.
Att få fram en specifik siffra på hur många procent av befolkningen som har någon form av funktionsnedsättning är svårt. Det vi kan säga, med all fakta vi kommit åt, är att det gäller betydligt fler än vad både du och vi tror.
Om du tänker utifrån det perspektivet kanske det blir lättare att förstå varför tillgänglighet blir ett krav 2025?
Vilka fördelar finns det med tillgängligt innehåll?
Den största fördelen är såklart att fler kan ta del av ditt innehåll. Fler förstår vad du säljer, erbjuder och har att säga. Du får helt enkelt fler potentiella intressenter – kunder om du så vill. Ytterligare en fördel är att Google och andra sökmotorer värdesätter innehåll som är användarvänligt. Det räcker alltså inte att SEO-optimera din webbplats för att ranka högt i sökhistoriken. Ditt innehåll behöver vara tillgängligt också.
Vad innebär tillgänglighetsdirektivet i praktiken för mig?
För att du ska få en tillgänglig webbplats behöver du se över flera delar av ditt innehåll. Vi har listat några av de mest grundläggande delarna för att du ska få ett hum om vad kravet innebär i praktiken.
1. Se över knapp- och länktexter
En av WCAG:s principer är att innehåll ska vara begripligt. Det innebär även knapptexter och länktexter. För allas skull bör du undvika “läs mer” och “klicka här”. Sätt dig in i användarens perspektiv och beskriv vad som händer när den klickar på länken.
2. Skriv alltid alt-texter till bilder
När en användare läser med skärmläsare behöver det finnas alt-texter till alla bilder. Därför har detta blivit ett krav i nya tillgänglighetsdirektivet. Försök att göra en så tydlig beskrivning som möjligt av bilden.
3. Strukturera upp ditt innehåll
När dina texter är tydliga och strukturerade, blir upplevelsen bättre för alla användare. Det är lättare att läsa innehåll med tydlig struktur än en textvägg. Inte bara för de som använder skärmläsare – utan för alla. Stapla upp information i punktlistor, var noga med rubriksättningar och ordningen på dina H2:or och H3:or.
4. Ha tydliga kontraster mellan text och bakgrund
Du förenklar läsbarheten enormt när kontrasterna är stora mellan text och bakgrund. För att avgöra detta finns flera verktyg, bland annat Contrast Checker.
5. Undvik häftiga typsnitt som är svåra att tyda
Onödigt att röra till det när du inte måste. Det finns förmodligen ett liknande typsnitt som är minst lika tjusigt som det du först tänkte, och lättare att läsa.
6. Undvik automatisk uppspelning av videoklipp
Användaren ska alltid kunna pausa en video. För en stor del av användarna är det störande med videor som rullar, rullar och aldrig tar slut. Återigen: det kan kännas häftigt. Men hur häftigt blir det när du exkluderar en stor del av dina användare?
7. Se över floskler och branschspråk: skriv klarspråk
Kom till poängen, och gör det smart. Skippa de där formuleringarna och facktermerna du tvekar på att användaren förstår. Om du ändå måste skriva ut vissa facktermer, förklara i så fall vad de betyder. Använd hellre verb än substantiv så ofta som du kan. Det gör att fler av dina läsare snabbare förstår vad du menar.
Så gör du ditt innehåll tillgängligt direkt
Gå igenom din webbplats. Är texterna enkla att förstå? Förstår användaren vad som händer när den klickar på länkarna eller knapparna? Hur ser egentligen rubrikstrukturen ut?
Om du behöver tillgänglighetsanpassa din webb kan vi på WGP göra en tillgänglighetsaudit åt dig, där du får svart på vitt vilka delar du borde se över.
I vår tillgänglighetsaudit går vi igenom bland annat:
- Om din rubrikstruktur behöver förbättras och i så fall hur
- Om det finns problem med din titeltag
- Olika semantiska och ARIA-attributproblem* (för enklare navigation)
- Vart du eventuellt saknar alt-texter
- Hur dina länkar ser ut – är de lätta att förstå och urskiljbara?
- Färgkontrast mellan text och bild
- Hur ser texterna ut överlag – är de tillgängliga rent språkmässigt?
*ARIA (Accessible Rich Internet Applications) är en uppsättning attribut som du kan lägga till i HTML-element. Dessa attribut kan förbättra tillgängligheten för användare med hjälpmedel, exempelvis skärmläsare.
