1. Start
  2. ›
  3. Tillgänglighetsbloggen
  4. ›
  5. Vanligaste misstagen för otillgängliga webbplatser

Vanligaste misstagen för otillgängliga webbplatser

Otillgängliga webbplatser berövar användare med funktionsnedsättningar möjligheter och upplevelser som andra människor tar för givet – helt i onödan.

Här går vi igenom två av de vanligaste misstagen och felen som gör webbplatser och appar onödigt otillgängliga och svårnavigerade. Och hur du som användare kommer runt dem!

Kontrastproblem

Låg färgkontrast mellan ett textelement och dess bakgrund kan förhindra att viss eller all information läses.

Kontrastproblem påverkar framförallt personer med färgblindhet och nedsatt syn. Men den omgivande miljön kan också påverka, när man t ex använder mobil eller dator i starkt solljus är låg kontrast problematiskt även för användare med normal syn.

Tips: Bra verktyg för att kontrollera kontrast.

Alternativtext

Bilder på webbsidor ska alltid ha en alternativtext (alt text) för att personer som inte ser bilderna ska få en beskrivning av vad de innehåller.

Vid första anblick är det ett enkelt koncept att lära sig och är vanligtvis ganska enkelt att implementera. Att automatiskt upptäcka om en bild har alternativtext eller inte är också ganska enkelt: webbläsarbaserade verktyg som t ex axe DevTools kan hitta alternativtexten för de flesta typer av bilder.

Det som inte är lika lätt att bestämma är när man ska använda alternativtext och hur man ska skriva alternativtext som kommer att vara effektiv. För att skriva lämplig alternativtext behöver du förstå för vem du skriver alternativtexten och syftet med bilden.

Vem använder alt-text?

Alt-text, eller alternativ text, används främst av personer som använder skärmläsare för att komma åt webbplatser, appar och annan programvara. Personer som använder skärmläsare är vanligtvis antingen helt blinda eller har tillräckligt dålig syn för att det ska vara svårt att läsa texten på en sida. Personer med nedsatt syn kanske inte kan se en bild tillräckligt bra för att förstå vad den föreställer, och personer som är helt blinda kommer inte alls att kunna se bilden. Om en bild förmedlar viktig information som inte finns någon annanstans på sidan, kommer en person som inte kan se bilden inte att få den informationen om bilden inte har alt text som anges med HTML-attributet ’alt’.

Personer som har mycket långsamma internetanslutningar – särskilt i utvecklingsländer – har också en användning för alt text. Med alt text har de möjlighet att stänga av bilder så att sidor laddas snabbare, utan att förlora den information som viktiga bilder förmedlar. När du stänger av bilder i inställningarna i de flesta stora webbläsare kommer alt text för bilden att visas istället.

Läs också: Varför är webbtillgänglighet viktigt?