Vanliga misstag inom digital tillgänglighet – och hur ni undviker dem

Ett av de vanligaste misstagen är att använda för låg kontrast mellan text, grafik och bakgrund, vilket gör det svårt för personer med nedsatt syn eller färgseende att läsa innehållet. Även användare utan synnedsättningar kan ha svårt att läsa text på en skärm i dålig ljusmiljö, till exempel i starkt solljus.

Lösning:

Se till att text och informationsbärande grafik som ikoner och diagram har en bra kontrast mot bakgrunden. Lagkraven säger att det ska vara minst 4.5:1 i kontrast mellan text under 24 pixlars storlek och bakgrund, och 3:1 i kontrast mellan ikoner, grafik, fetlagd text över19 pixlar storlek eller stor text över 24 pixlar och bakgrund.

Att använda generiska länk- och knapp-texter som “Klicka här” eller “Läs mer” kan göra det svårt för t.ex. användare med skärmläsare att förstå syftet med komponenten. Användare med skärmläsare kan lista länkar och knappar på en sida tagna ur sitt kontext och navigera bland dem. Och utan tydliga beskrivningar blir det omöjligt att veta vad syftet med komponenterna är.

Lösning:

Ge alla länkar på sidan bra texter som tydligt beskriver syftet med dem. Om den visuella kontexten gör syftet med en länk tydlig så går det att ge länken en extra beskrivning för hjälpmedel. Men utgå alltid först ifrån att först skapa en synlig beskrivande text.

Många designers använder enbart färg för att förmedla viktiga budskap eller funktioner, som att visa om ett formulärfält är korrekt ifyllt eller inte, eller vilket värde i ett diagram som motsvarar en viss information. Detta kan skapa problem för användare med nedsatt färgseende eller för dem som inte uppfattar färger på samma sätt.

Lösning:

Använd ikoner, text och mönster i ditt gränssnitt för att göra innehållet mindre färgberoende. Detta gör att innehållet kan uppfattas av fler och det blir dessutom lättare för alla användare att läsa av och förstå innehållet.

Formulär är en viktig del av många digitala tjänster, men de har ofta brister i tillgänglighet som gör dem svåra att använda. Vanliga problem inkluderar avsaknad av etiketter för fälten, instruktioner i platshållartexter (placeholders) som försvinner när användaren börjar skriva eller förvirrande felmeddelanden som inte ger tydlig vägledning om vad som gick fel.

Lösning:

Ha alltid synliga etiketter som beskriver syftet med varje formulärfält. Lägg instruktioner om hur fältet ska fyllas i antingen innan fältet eller som end el av etiketten. Och ge tydliga felmeddelanden om något går fel och beskriva vad användaren ska göra för att åtgärda felen.

Ett vanligt misstag är att anta att om tekniska riktlinjer följs, så är tillgängligheten löst. Men alla användare är olika, och verkliga användare kan stöta på problem som du inte förutsett.

Lösning:

Testa med riktiga användare i olika steg av processen när ni tar fram nya system och lösningar, eller när ni testar av funktionalitet i befintliga lösningar.

Om du publicerar videor utan undertexter missar du en stor del av användare, inklusive personer med hörselnedsättning. Men även de som befinner sig i en miljö där ljudet inte hörs eller kan spelas upp, som t.ex. på kvällen när barnen sover eller på bussen på vägen till jobbet eller skolan.

Lösning:

Lägg undertexter till alla videor ni skapar. Och se helst till att undertexterna går att slå på och av för den som vill, i stället för att ”bränna in” dem i videon.

Lösning:

Det finns mycket som påverkar hur kompatibla webbplatser och innehåll är med skärmläsare. Men en bra början är att…

• Undvika skräddarsydda lösningar och bygga så mycket som möjligt med grundläggande HTML på webben.
• Koda rubriker med rätt taggar och struktur.
• Komplettera med aria-attribut där det behövs extra information till skärmläsare, t.ex. för att förtydliga en knapp eller länk, eller för att informera när något på sidan förändras utanför användarens fokus.
• Testa med skärmläsare för att se så att du får uppläst det som du förväntar dig när du navigerar i dina lösningar. Här är det viktigt att förstå att alla användare med skärmläsare inte navigerar likadant. Så här vill vi åter igen lyfta vårt tips under punkt 8 om att testa med riktiga användare.

Sammanfattning

Att förbättra tillgängligheten kräver mer än att bara följa några grundläggande regler. Genom att undvika dessa vanliga misstag och aktivt arbeta med tillgänglighetsanalyser och användartester kan du säkerställa att din digitala plattform är tillgänglig för så många användare som möjligt, oavsett förutsättningar eller nedsättningar.

Behöver du hjälp med att säkerställa att din digitala närvaro är tillgänglig och följer bästa praxis? Kontakta Consid för en grundlig tillgänglighetsanalys och expertrådgivning som tar din digitala plattform till nästa nivå.