Webbplatstillgänglighet handlar om att göra webbplatser, appar och annan teknik tillgängliga för personer med olika funktionsnedsättningar. Alla webbplatser ska vara tillgängliga för alla, oavsett om de har ett tillstånd som påverkar hur de interagerar eller använder en webbplats.
Miljontals internetanvändare har behov som kan hindra dem från att komma åt eller använda en webbplats om den inte är utformad med tanke på deras funktionshinder eller tillstånd. Detta inkluderar:
- Visuell: Delvis eller helt oförmåga att se färger eller uppfatta kontraster (t.ex. färgblindhet, blindhet).
- Utfrågning: Minskad eller total oförmåga att höra
- Fysiskt: Svårigheter att röra eller använda delar av kroppen, använda en mus eller ett tangentbord eller göra exakta rörelser.
- Anfall: Tillstånd som kan orsaka anfall, t.ex. epilepsi eller som utlöses av blinkande ljus.
- Kognitiv: Tillstånd som påverkar den kognitiva förmågan, t.ex. demens och dyslexi.
Innehållsförteckning
Statistik om webbplatsers tillgänglighet 2022
- Upp till 10 % av befolkningen i USA har lässvårigheter, inklusive dyslexi.
- 35 % av de amerikanska entreprenörerna är dyslektiker och 20 % av de brittiska entreprenörerna är dyslektiker.
- 8 % av de kaukasiska männen i USA har någon form av färgblindhet.
- 0,5 % av kvinnorna i USA är färgblinda.
- 7 % av de vuxna i arbetsför ålder har allvarliga problem med fingerfärdigheten.
- Cirka 5 % av befolkningen i USA, Storbritannien och Kanada lider av hörselnedsättning.
- Cirka 4 % av befolkningen i USA, Storbritannien och Kanada ser inte tillräckligt bra för att kunna läsa.
Hur du gör din webbplats mer tillgänglig
Nu när vi vet att tillgänglighet är viktigt för alla webbplatser är det viktigt att du vet hur du gör din webbplats tillgänglig. Ett av de bästa sätten att förbättra tillgängligheten på din webbplats är att välja ett bra CMS som WordPress. Du behöver naturligtvis inte använda WordPress för att uppnå detta, men du kan se en hänvisning till WordPress när vi går igenom den här tillgänglighetsguiden.
1. Gör din webbplats tangentbordsvänlig
En tangentbordsvänlig webbplats innebär att du kan komma åt den och navigera på webbplatsen och dess sidor utan att använda en mus. Det vanligaste sättet att navigera på en webbplats utan mus är att använda Tab-tangenten på tangentbordet.
Viktiga funktioner som sidor, länkar och innehåll ska vara tillgängliga via ett tangentbord. När du utformar din webbplats bör du testa att alla funktioner kan nås med hjälp av Tab-tangenten . Det bästa sättet att göra detta är att testa din webbplats utan att använda musen. Om du inte kan komma åt vissa viktiga delar av din webbplats måste du ta itu med dessa problem.
Som du kan se på WebHostingProf-webbplatsen kan du helt enkelt bläddra genom länkarna och formulären på webbplatsen med ditt tangentbord. Best Web Hosting är markerad med en grön streckad linje som visar att denna länk har valts med tabbtangenten .
2. Lägg till Alt-text till bilder
När du lägger till en bild på din webbplats kan du inkludera något som kallas Alt Text (alternativ text). Alt-texten beskriver vad en bild är och är till hjälp om en bild inte kan laddas.
Alt-text används också när skärmläsare använder sig av denna teknik som läser bilden och ger ett sammanhang till en bild för dem som inte kan se den. Det ger också ökad tillgänglighet,
Alt-text
kan bidra till att förbättra din webbplats SEO eftersom den ger sökmotorerna information om bakgrunden till en bild.
3. Att välja rätt färger
Färgblindhet är inte så enkelt som att se en färg som en annan. Personer med färgblindhet ser ett helt spektrum av färger och uppfattar dem annorlunda än andra personer med färgblindhet. En webbplats bör ha rätt färgkontrast så att alla kan skilja mellan olika färger och innehåll på dina sidor.
Minns du klänningen? Detta var ett bra exempel på hur människor ser olika på färger. Vissa såg klänningen som blå, medan andra såg den som guld. Olika personer ser färger på olika sätt, så det är viktigt att din webbplats använder rätt färgschema för att undvika att vissa personer inte kan se ditt innehåll.
Om du är osäker på hur du ska använda rätt färgkombinationer finns det många användbara verktyg som du kan använda, till exempel Contrast Checker eller WebAIM.
4. Använd rubriker
För att strukturera ditt innehåll på ett tillgängligt sätt bör du använda rubrikerna med omsorg. I WordPress kan du enkelt välja innehåll eller titlar och tilldela rubrikerna H1, H2, H3, H4, H5 och H6.
Tydliga rubriker hjälper inte bara alla besökare på din webbplats att förstå hur innehållet är strukturerat, utan även skärmläsare kan tolka dina sidor mycket lättare.
Du bör endast använda en H1-rubrik per sida, vilket vanligtvis är sidans titel. Underrubriker kan börja med H2 och fortsätta med H3, H4 osv. där det är lämpligt. Du bör följa rubrikstrukturen i ordning, så H3 följer alltid på H2, inte på H4, och så vidare.
5. Formgivning
Om din webbplats innehåller formulär måste de utformas med omsorg. Varje formulär ska vara tydligt märkt med en etikett bredvid respektive fält. En skärmläsare kan då tydligt tolka formuläret och de relevanta fälten, vilket gör det lättare att fylla i det.
Om formuläret kräver instruktioner ska dessa vara tydliga och lätta att förstå. För användare som skapar sin webbplats i WordPress kan du skapa tillgängliga formulär med hjälp av en som heter Caldera Forms Builder. Det här insticksprogrammet fokuserar på tillgänglighet.
6. Tabeller
Tabeller är mycket användbara för att visa stora mängder data. Personer som använder hjälpmedel har nytta av tabellerna om de används på rätt sätt. Det är viktigt att göra tabellerna så enkla som möjligt så att de inte blir för komplicerade eller förvirrar skärmläsarna.
Om din webbplats kräver mer komplexa tabeller kan du följa W3:s handledning om hur du kodar en tabell enligt tillgänglighetsstandarderna.
7. Skalbar text
De flesta enheter som du kan använda för att besöka en webbplats, t.ex. en smartphone, dator eller surfplatta, gör det möjligt att ändra storleken på texten. För personer med nedsatt syn är detta en stor hjälp. Men om din webbplats inte är byggd för att stödja denna funktion blir det svårt för användarna att interagera med din webbplats.
När du bygger din webbplats bör du se till att användarens skalbarhet är aktiverad. Om den är avstängd är det nästan omöjligt för användaren att ändra storleken på texten.
Genom att undvika absoluta enheter som definierade textstorlekar kan du göra din webbplats skalbar. Du kan testa detta själv genom att zooma in på webbplatsen i din webbläsare för att kontrollera att innehållet är lättläst och lätt att navigera. WebAIM har skapat en guide som är mycket användbar för att diskutera teckensnittsstorlek för din webbplats.
8. Tillgängligt innehåll
Innehållet på din webbplats är kärnan i din webbplats. När du skapar ditt innehåll måste du alltid ha tillgängligheten i bakhuvudet. Om du till exempel skriver en akronym som WWW, förklara vad denna akronym egentligen är – World Wide Web.
Ankartexten till interna och externa länkar ska vara beskrivande och alla beskrivningar ska vara unika. Om du har svårt att förstå det här begreppet kan du tänka dig att en dator läser upp innehållet på din webbplats och fundera på om det skulle vara meningsfullt för någon som tar det på en grundläggande nivå.
9. Automatiska medier
Även om detta är en personlig frustration för mig är det också riktigt dåligt när det gäller tillgänglighet. Det finns inget mer frustrerande än att en video eller musik börjar spelas upp så fort du laddar en webbplats.
Om någon använder en skärmläsare är det otroligt svårt att stänga av automatiskt spelande media. Personer med sensoriska problem kan bli avskräckta eller till och med skrämda av det plötsliga ljudet, så om du vill inkludera media bör du be om tillåtelse eller informera användaren om att detta kommer att ske.
Karuseller och skjutreglage gör en webbplats snygg, men även här kan de orsaka frustration för användare med tillgänglighetsproblem. Om en skärmläsare läser upp innehållet på en bildskärm och sedan går vidare till nästa bildskärm har användaren inte mycket tid att ta till sig innehållet.
Tillgänglighet till webbplatser är viktigt
Det viktigaste är att webbtillgänglighet är viktigt för en framgångsrik webbplats och en webbplats som tillgodoser allas behov. Att skapa en webbplats som många människor kan använda är inte bara bra för dem, det kan också vara till din fördel när det gäller SEO.
När din webbplats rankas bättre får du mer trafik och fler konverteringar. Ja, det kan vara frustrerande att behöva rätta till sina misstag, men om du kan optimera din webbplats för tillgänglighet kommer du att skörda frukterna.