Det är mer aktuellt än någonsin att prata om
tillgänglighetsanpassning gällande webbdesign. Viktor Pinje är
gränssnittsutvecklare på Spinit och menar att det är mer än hög tid att
prioritera en webb för alla och hoppas att man börjar se detta som en
prioriterad självklarhet i beställarnas kravspecifikationer.
– ”Alla har en unik uppsättning av kroppsfunktioner. Vissa
funktioner fungerar bättre än andra, och ibland råkar vi alla ut för så kallade
nedsättningar”, säger Viktor.
– ”Åldern medför flera olika svårigheter, och sjukdomar
och olyckor kommer att drabbas alla i någon mån, då är vi tacksamma att något
har gjort det lätt för oss att fortsätta använda internet på samma villkor som
tidigare”.
Ända sedan den 1 januari 2015 är bristande tillgänglighet
en form av diskriminering, något som säkert fått många att få upp ögonen för
tillgänglig webb. Men ännu är mer än varannan svensk webbplats bristfällig ur
tillgänglighetssynpunkt menar Viktor.
Gör webben uppläsbar
När man pratar om tillgänglighet för webben brukar man
ofta tala om så kallade skärmläsare. Det är ett datorprogram, i många fall
redan förinstallerat i datorn, som tolkar och läser upp innehållet på skärmen.
Främst används detta av synskadade, men verktyget kan också vara till hjälp för
personer med till exempel lässvårigheter.
För att en skärmläsare ska kunna tolka webbplatsen rätt
krävs det att HTML-koden som bygger upp sidan är skriven på ett korrekt sätt
för att skärmläsaren ska kunna beskriva innehållet med ord.
Tillgänglighetsanpassning är sökmotoroptimering
Det är vanligt idag att företag redan lagt mycket pengar
på sökmotoroptimering och på så vis bland annat sett till att bilder har
beskrivande text och rätt rubriker används för att beskriva sidans delar med
mera. Detta är även till nytta för användare av skärmläsare.
– ”Jag brukar säga att en sökmotorrobot, det vill säga det
program som till exempel Google använder för att tolka sidan, är både blind,
döv och förståndshandikappad. På många vis är alltså tillgänglighetsanpassning
en del av sökmotoroptimering. Men vi ser sällan företag som nischat sig på det
förstnämnda. Är det verkligen så mycket viktigare att alla ser dig än att alla
kan använda dig?”
Var konsekvent och nyttja designkonventioner
Förutom att göra innehållet tillgängligt för skärmläsare
ligger det mycket mer i tillgänglighetsanpassad webbdesign.
Här är några exempel på sådant som förbättrar upplevelsen
för personer med synnedsättning, dyslexi, autism och färgblindhet för att nämna
några.
- Lättläst typografi
- Korta stycken
- Skalbart innehåll
- Tillräckligt stor
textstorlek
- Få layoutkolumner (gärna
en)
- En tydlig huvudnavigation,
med genomtänkt struktur.
- Tydliga och konsekventa
färger
- Förklarande bilder och
ikoner
- Betonade nyckelord och
fraser
- Animerade övergångar
- Konsekvent designspråk
Ett konsekvent designspråk gör att man snabbare kan ta
till sig ett gränssnitt och få det att kännas intuitivt. Om man tar del av de
konventioner och oskrivna regler som finns i webbdesign behöver användaren inte
gissa sig fram.
Tänk utanför datormusen
En av de viktigaste funktionerna att testa när man bygger
för webben är att alla interaktionselement, så som t.ex. länkar och knappar,
ska kunna ”klickas” även utan mus. Datormusen är ett verktyg som kräver att du
har god precision och kontroll på dina arm- och handrörelser, något som långt
ifrån alla har.
– ”Personer drabbade av till exempel Parkinsons sjukdom,
ALS, Downs syndrom, och CP, såväl som personer utan armar, använder alternativ
till datormus. Många gånger gör jag även själv det för att det lättare för
stunden”, säger Viktor.
Genom att se till att webbplatsens element går att nå med
genom att flytta fokus med tab-tangenten kan man komma åt alla klickbara
element. Detta brukar fungera utan att man behöver göra något extra, men för
att underlätta för användaren finns möjlighet att bland annat ändra
fokuseringsordningen, skapa genvägar och autofokusera, samt se till att det
finns alternativ till dra-och-släpp-funktioner och liknande. Dessutom så är det
viktigt att se till att alla interaktiva element får en tydlig indikation när
de blir fokuserade.
Detta är ett viktigt steg i att göra webbplatsen
tillgänglig för användare som nyttjar specialdesignade muspekare, tangentbord
eller fjärrkontroller.