Designa webb för alla funktionsvariationer

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.