Varför är webbtillgänglighet relevant?
Webbtillgänglighet handlar om att designa och utveckla webbplatser på ett sätt som gör det möjligt för alla människor att använda dem, oavsett eventuella funktionsnedsättningar, såsom nedsatt syn. Genom att ta hänsyn till webbtillgänglighet kan man skapa mer inkluderande och tillgängliga webbplatser för alla kunder.
Med utgångspunkt i detta är det därför viktigt att man i kundriktat innehåll såsom beställningsformulär, inloggning, e-post och självbetjäningen tänker på att innehållet ska vara tillgängligt för alla. Detta är särskilt viktigt om du själv styr layouten för innehållet, såsom i självbetjäningen och välkomstmejlet.
Hur gör man innehåll tillgängligt
Nedan hittar du en översikt över några av de mest typiska fokusområdena inom webbtillgänglighet.
Var uppmärksam på färgkontrasten. Färgkontrast handlar om att saker ska vara synliga och läsbara för kunderna. Här kan det både handla om färgskillnad mellan exempelvis;
textfärg vs. knappfärg
knappfärg vs. bakgrundsfärg
textfärg vs. bakgrundsfärg.
Minimikravet är en kontrast på 4.5:1.
Det finns onlineverktyg för att kontrollera färgkontrast såsom:
https://webaim.org/resources/contrastchecker/ som också informerar om man uppfyller tillgänglighetskraven.
Se exempel på färgkontraster nedan. De som är markerade med rött X uppfyller inte minimikraven.
Om bilden innehåller uppgifter som är nödvändiga eller relevanta för att förstå det innehåll som den ingår i (exempelvis diagram eller illustrationer), ska ni se till att bilden har en alt-text kopplad, så att skärmläsare kan läsa upp innehållet för användaren. Är bilden endast dekorativ är en alt-text inte nödvändig.
Länktexter, både i textform och på knappar, ska vara beskrivande för innehållet de länkar till. Till exempel är en länktext som ”Se din profil” eller ”Gå till din profil” mer precis för den handling som sker när du klickar på länken, än en generisk text som ”Klicka här” eller ”Läs mer”.
Lägger ni själva in knappar via kod, exempelvis i e-post, ska ni se till att de som minimum har en klickyta på 44*44 pixlar.
Använd rubriker i rätt ordning. Om man exempelvis använder skärmläsare eller tangentbord för att navigera sig genom sidan är det en hjälp att hierarkin i innehållet är i ordning. Exempelvis är det inte ändamålsenligt om en rubrik hoppar från H1 till H4.
Gör du särskilda ändringar i självbetjäningen eller bäddar in den som en iframe på er webbplats, ska du dessutom vara uppmärksam på att säkerställa att all funktionalitet och allt innehåll kan nås med hjälp av ett tangentbord eller en skärmläsare.
Ovanstående ger en kort introduktion till kraven på webbtillgänglighet. Om du vill fördjupa dig i ämnet kan du besöka den danska Digitaliseringsstyrelsens webbplats (ENG). Ytterligare resurser, verktyg och videoguider finns också på den danska Digitaliseringsstyrelsens webbplats(DK), men dessa resurser finns endast på danska.