5 vanliga tillgänglighetsmissar på webben

Kunskapen om tillgänglighetsfrågor är tyvärr fortfarande låg i webb-branschen. Här beskrivs några grundläggande tillgänglighetsanpassningar som du själv kan leta efter på din webbsida. Exemplen i artikeln ingår i WCAG AA kraven som är en internationell standard för tillgänglighet av webb och appar.

1. Bilder som saknar alt-text. 

   
   Alt-text tillgängliggör bilder för personer med en synnedsättning. Texterna finns i webbsidans kod och läses upp för varje bild. Webbredigeringsprogram ska möjliggöra för webbredaktörer att skriva alt-text för bilder när de laddar upp bilder på siten. Alt-texterna läses även av sökmotorer. När de fyller webbplatsen med relevant information så blir effekten dessutom positiv för sökmotoroptimering (SEO).
   
   
2. ”Läs mer” knappar och länkar.
   
   Ett vanligt sätt för synnedsatta att navigera på webben är genom att ta fram en lista med alla länkar som finns på en sida. Det ger en översikt på innehållet, för navigation. Men tänk om hela listan består av 8 länkar som heter ”Läs mer”? Även om länkarna skickar användaren till helt olika delar av siten, så framgår inte detta i sammanhanget. Detsamma gäller när Google och andra sökmotorer läser av en webbplats. Länktexten ”Läs mer” ger ingen vidare information om sidans innehåll. 


   
   
3. Det går inte att navigera på webbsidan med ett tangentbord.
   
   Navigation med tangentbord gäller för alla som inte använder sig av musen när de sitter vid datorn. Det kan vara vid en motorisk funktionsvariation eller vid synnedsättning. Testa själv att använda tab tangenten för att navigera på valfri webbsida. Kan du se att det händer något? I ideala fall blir det som på Nike’s site. Du kan se hur en fokusmarkering rör sig över sitens länkar, i samband med att tab tangenten trycks ned. Det är tyvärr vanligt att huvudmenyer inte går att öppna med hjälp av tangentbordet. Ibland öppnas de bara om man för över muspekaren och ”hovrar” över länken. Det gör att många användare stängs helt ute från innehållet här.
   
   
4. ”Skip to content länk” överst på varje sida.
   
   Att lägga till denna lilla länk överst på webbsidan gör navigering med tangentbord och skärmläsare mycket smidigare. Utan den får användaren lyssna eller tabba sig igenom allt innehåll som ligger överst på sidan. Varje gång de navigerar inom webbplatsen. ”Skip to content” eller ”Hoppa till huvudinnehåll” gör att användaren slipper ta sig igenom hela huvudmenyn var gång man navigerar till en ny sida inom webbplatsen.
   
   
5. Dålig färgkontrast.
   
   God läsbarhet av texter är bra för alla användare, men särskilt för dem med försämrad syn. Med god färgkontrast menas hur väl textens färg urskiljer sig från färgen på bakgrunden som den ligger på. Det finns ett system för att mäta färgkontrast. 1:1 motsvarar vit text, på en vit bakgrund. Medan 21:1 motsvarar svart text på en vit bakgrund. Ju högre värde, desto högre kontrast och bättre läsbarhet.

Behöver din webbsida bli mer tillgänglig?
På Avantime hjälper vi dig gärna att tillgänglighetsanpassa din webbplats. Vi har utvecklare med kunskapen att lösa de tekniska bitarna, designers som är utbildade inom WCAG och copywriters som anpassar innehåll för tillgänglighet och SEO.

Artikeln är skriven av Avantimes UX-Designer Stephanie Neumann