De fire WCAG-principper
WCAG (Web Content Accessibility Guidelines) er baseret på fire principper: Opfattelighed, Betjenbarhed, Forståelighed og Robusthed. Disse gælder uafhængigt af indholdets sprog. Opfattelighed betyder, at alle oplysninger også kan opfattes af brugere med syns- eller hørenedsættelser. Betjenbarhed sikrer, at alle funktioner kan betjenes via tastatur og uden tidsbegrænsninger. Forståelighed kræver tydeligt sprog og konsekvent navigation. Robusthed sikrer kompatibilitet med hjælpeteknologier. For internationale websteder skal disse principper implementeres ensartet i hver sprogversion.
Sprogmarkering med lang-attribut
Lang-attributtet i HTML-elementet angiver det naturlige sprog på en side eller et afsnit. Skærmlæsere bruger dette attribut til at vælge korrekt udtale og betoning. For flersprogede sider skal lang-attributtet angives korrekt på hovedsiden og ved sprogskift i teksten. For eksempel: <html lang="da"> for dansk og <span lang="en"> for engelske passager. Hvis dette attribut mangler, kan brugen af siden blive væsentligt vanskeliggjort for personer med synshandicap. Kontrollér derfor hver sprogvariant for fuldstændig og korrekt attributering.
Kontraster og farver
Tilstrækkelige kontraster mellem tekst og baggrund er afgørende for læsbarheden. WCAG-niveau AA kræver et kontrastforhold på mindst 4,5:1 for normal tekst og 3:1 for stor tekst. Dette gælder for alle sprog på en hjemmeside. Undgå udelukkende at bruge farver til at formidle information, da farveblinde brugere ikke kan skelne dem. Brug i stedet symboler eller tekstmarkeringer. Farveskemaer bør også testes i alle lokale versioner, da kulturelle associationer kan variere. Test dine sider med kontrastanalyseværktøjer under udviklingen.
Tastaturbetjening
Alle interaktive elementer skal kunne nås og betjenes via tastaturet. Dette omfatter links, knapper, formularfelter og menuer. Fokus skal være synligt, ideelt set med en tydelig fokusramme. Undgå elementer, der kun fungerer med mus eller berøring. Især på internationale sider med komplekse navigationer bør tastaturbetjening testes i hver sprogversion. Dynamisk indhold som modale vinduer skal håndtere fokus korrekt. Sørg for, at rækkefølgen af elementer i DOM'en svarer til den logiske rækkefølge og ikke kun bestemmes af CSS.
Alt-tekster i flersprogede kontekster
Alt-tekster beskriver billeder for skærmlæsere og bør være skrevet på det sprog, der anvendes på den omgivende side. På flersprogede hjemmesider betyder det: Hvert billede får en alt-tekst i den pågældende sprogversion. Brug ikke automatiske oversættelser, men opret passende beskrivelser for hver målgruppe. Grafik med tekst skal gengive den indeholdte tekst som alt-tekst. Dekorative billeder får en tom alt-tekst (alt=“”), så de ignoreres af hjælpeteknologier. Denne tilgang sikrer, at indholdet forbliver tilgængeligt på alle sprog.
