En praktisk tilgængelighedstjekliste pr. funktion

En tjekliste for hver funktion gør tilgængelighed til nogle få konkrete ting, du kontrollerer før hver udgivelse, i stedet for et diffust mål. 📋

En praktisk tjekliste er kort nok til at gennemgå på få minutter. Hvis det tager en time, springer folk den stille over, når en deadline presser sig på.

Første punkt: Frakobl musen, og brug funktionen udelukkende med tastaturet. Alt, du kan klikke på, skal du kunne nå med Tab.

Mens du tabber gennem siden, skal du bekræfte, at fokus altid er tydeligt synligt, og at rækkefølgen følger den måde, indholdet læses på.

Kontrollér, at overskrifter, lister, knapper og links bruger de rigtige elementer, så strukturen er korrekt, før der tilføjes ARIA.

Alle inputfelter har en reel etiket, og alle ikonknapper har et tilgængeligt navn, så skærmlæsere annoncerer dem tydeligt.

Informationsbærende billeder har en meningsfuld alt-tekst, mens rent dekorative billeder bruger en tom alt-attribut, så skærmlæsere springer dem over.

Kontrollér, at tekst opfylder minimumskravene til kontrast, og at ingen information kun formidles med farve, f.eks. en fejl, der kun vises med rødt.

Gennemgå funktionen én gang med en skærmlæser for at bekræfte, at den annonceres på en fornuftig måde, og at intet vigtigt læses som tomt.

Zoom siden til 200 procent, og kontrollér, at indholdet ombrydes uden at forsvinde eller tvinge brugeren til uhensigtsmæssig rulning i to retninger.

Betragt dette som en startliste. Tilføj punkter for de widgets og mønstre, som dit produkt oftest bruger, og fjern det, der aldrig er relevant.

En kort tjekliste for hver funktion, der dækker tastatur, fokus, semantik, navne, alt-tekst, kontrast og et skærmlæsertjek, sikrer, at hver udgivelse er tilgængelig. 📋