De fyra WCAG-principerna
WCAG (Web Content Accessibility Guidelines) baseras på fyra principer: uppfattbarhet, användbarhet, begriplighet och robusthet. Dessa gäller oavsett innehållets språk. Uppfattbarhet innebär att all information kan uppfattas även av användare med syn- eller hörselnedsättning. Användbarhet säkerställer att alla funktioner kan användas med tangentbord och utan tidsbegränsningar. Begriplighet kräver tydligt språk och konsekvent navigering. Robusthet garanterar kompatibilitet med hjälpmedelsteknik. För internationella webbplatser måste dessa principer implementeras lika i varje språkversion.
Språkmärkning med lang-attributet
lang-attributet i HTML-elementet anger sidans eller avsnittets naturliga språk. Skärmläsare använder detta attribut för att välja korrekt uttal och betoning. För flerspråkiga sidor måste lang-attributet ställas in korrekt på huvudsidan och vid språkbyten i texten. Till exempel: <html lang="de"> för tyska och <span lang="en"> för engelska avsnitt. Om attributet saknas kan sidan bli avsevärt svårare att använda för personer med synnedsättning. Kontrollera därför varje språkversion för fullständig och korrekt attributering.
Kontraster och färger
Tillräckliga kontraster mellan text och bakgrund är avgörande för läsbarheten. WCAG-nivå AA kräver ett kontrastförhållande på minst 4,5:1 för vanlig text och 3:1 för stor text. Detta gäller för alla språk på en webbplats. Undvik att enbart använda färgskillnader för att förmedla information, eftersom färgblinda användare inte kan urskilja dem. Använd även symboler eller textmarkeringar. Färgscheman bör dessutom kontrolleras i alla lokala versioner eftersom kulturella associationer kan variera. Testa dina sidor med kontrastanalysverktyg under utvecklingen.
Tangentbordsnavigation
Alla interaktiva element måste vara nåbara och användbara med tangentbordet. Detta gäller länkar, knappar, formulärfält och menyer. Fokus måste vara synligt, helst genom en tydlig fokusram. Undvik element som endast fungerar med mus eller pekskärm. Särskilt på internationella sidor med komplex navigation bör tangentbordsanvändning testas i varje språkversion. Dynamiskt innehåll som modala fönster måste hantera fokus korrekt. Se till att ordningen på elementen i DOM motsvarar den logiska ordningen och inte enbart bestäms av CSS.
Alt-texter i flerspråkiga sammanhang
Alt-texter beskriver bilder för skärmläsare och bör vara skrivna på samma språk som den omgivande sidan. På flerspråkiga webbplatser innebär det att varje bild får en alt-text på respektive språkversion. Använd inte automatiska översättningar, utan skapa lämpliga beskrivningar för varje målgrupp. Grafik med text måste återge den texten som alt-text. Dekorativa bilder får en tom alt-text (alt=“”) så att de ignoreras av hjälpmedel. Detta tillvägagångssätt säkerställer att innehållet förblir tillgängligt på alla språk.
