Tänk dig att du går in i en butik där skyltarna sitter huller om buller. Vissa dörrar saknar handtag. Prislistan är skriven i ljusgrått på vit bakgrund. Och när du frågar personalen var kassan finns svarar de: ”Klicka här.”
Ungefär så kan en otillgänglig webbplats upplevas.
För många besökare fungerar webben snabbt och enkelt. Man scrollar, klickar, läser och går vidare. Men för den som använder skärmläsare, navigerar med tangentbord, har nedsatt syn, färgblindhet, motoriska svårigheter eller kognitiva utmaningar kan små missar bli stora hinder.
Det kan handla om en knapp som inte går att nå utan mus. En bild som saknar alt-text. En rubrikstruktur som hoppar från H1 till H4. Ett formulär där felmeddelandet inte går att förstå. Eller en färgkombination som ser snygg ut i designskissen men som blir oläslig i verkligheten.
Digital tillgänglighet handlar om att ta bort de hindren. Dessutom gynnas tillgängliga webbplatser när AI-modeller ska svara på användarnas frågor.
Inte bara en teknisk fråga
Många tänker att tillgänglighet är något som löses i koden. Och visst, tekniken spelar stor roll. Men en tillgänglig webbplats byggs av flera delar som måste fungera tillsammans: design, innehåll, struktur, utveckling och löpande förvaltning.
En bra början är att se över sådant som ofta påverkar användarupplevelsen direkt.
Rubrikstruktur
Varje sida bör ha en tydlig och logisk struktur med H1, H2 och H3 i rätt ordning. Det hjälper både människor och hjälpmedel att förstå vad sidan handlar om. En H1 ska beskriva sidans huvudämne, H2:or delar upp innehållet och H3:or används för undernivåer. Rubriker ska inte väljas för att de “ser snygga ut”, utan för att de skapar ordning.
Alt-texter
Bilder som förmedlar information behöver beskrivande alt-texter. En skärmläsare kan inte tolka en bild på samma sätt som ögat gör. Därför behöver bilden få en text som berättar vad den visar eller vilken funktion den har. Samtidigt ska dekorativa bilder inte störa användaren med onödig information.
Färg och kontrast
Färg är ett starkt verktyg, men det får inte vara det enda sättet att förstå innehåll. Om fel i ett formulär bara markeras med rött, eller om viktig text har för låg kontrast mot bakgrunden, riskerar många att missa informationen. Bra färgval gör webbplatsen tydligare för alla, inte bara för personer med nedsatt syn.
Länkar och knappar
Texter som “läs mer” och “klicka här” blir snabbt otydliga, särskilt när de läses upp utanför sitt sammanhang. En bra länktext berättar vart länken leder. En bra knapptext berättar vad som händer när användaren klickar.
Formulär
Formulär behöver tydliga etiketter, begripliga instruktioner och felmeddelanden som går att förstå. Användaren ska inte behöva gissa vad som gick fel eller hur felet ska rättas till.
Tangentbordsnavigering
Alla ska kunna använda webbplatsen utan mus. Det innebär att menyer, formulär, knappar och andra interaktiva delar behöver fungera med tangentbord och ha en tydlig fokusmarkering.
Tillgänglighet bättre för alla
En tillgänglig webbplats är inte bara bättre för personer med funktionsnedsättning. Den blir ofta tydligare, snabbare och enklare att använda för alla besökare.
Den som sitter i starkt solljus behöver bra kontraster. Den som har brutit armen behöver kunna navigera utan mus. Den som är stressad behöver begripliga formulär. Den som söker snabbt på mobilen behöver tydliga rubriker och logisk struktur.
Tillgänglighet är alltså inte ett särintresse. Det är bra webb.
Krav att hålla koll på
För offentliga aktörer finns sedan tidigare krav på digital tillgänglighet. För vissa privata aktörer har kraven också blivit tydligare, bland annat genom tillgänglighetslagen som omfattar vissa produkter och tjänster riktade till konsumenter, till exempel e-handel.
Men oavsett om din verksamhet omfattas av lagen eller inte är riktlinjerna ett klokt sätt att arbeta. De hjälper dig att bygga en webbplats som fler kan använda, förstå och känna sig trygga med.
Börja med en genomgång
Det går att komma långt med rätt arbetssätt. Börja med att granska webbplatsens viktigaste sidor: startsida, kontaktsida, tjänstesidor, formulär, produktsidor och eventuella köpflöden. Titta på struktur, kontraster, alt-texter, formulär, länkar, knappar och tangentbordsnavigering.
Automatiska verktyg kan hitta vissa brister, men de ser inte allt. Därför behövs även manuell granskning och sunt användarperspektiv. Kontakta oss om du vill veta hur tillgänglig din webbplats är idag, vilka brister som behöver prioriteras och hur du kan göra webben enklare att använda för fler.