Kort svar: Et tilgængeligt navn er den tekst, hjælpemidler læser op for et link eller en knap. Det kan komme fra synlig tekst, aria-label eller en billedbeskrivelse. Ahorizon tæller alle links og knapper på siden og måler, hvor mange der har et navn — fem eller flere uden lægger loft over scoren.
Hvad Ahorizon måler
Kontrollen indgår i ét af tjekkene. Tærsklerne nedenfor er dem, motoren faktisk regner med.
| Tjek | Hvad motoren ser på | Hvornår kontrollen består |
|---|---|---|
| EAA-tjekNavngivne links og knapper | Alle button- og a[href]-elementer på siden, og om hvert af dem har synlig tekst, en aria-label, en aria-labelledby eller et billede med alt-tekst. | Fuld score, når intet element mangler navn. Fem eller flere navnløse lægger loft over scoren. Sider uden links eller knapper får status “ikke relevant”. Kontrollen er markeret som kritisk. |
Sådan ser det ud i koden
En ikonknap har ingen tekst. Uden aria-label læser skærmlæseren blot “knap” — og stemmestyring kan ikke aktivere den.
<button><svg>…</svg></button><button aria-label="Luk menuen"><svg aria-hidden="true">…</svg></button>Hvad fundet betyder
- En skærmlæserbruger hører “knap” uden at vide, hvad den gør. Handlingen bliver reelt utilgængelig.
- Stemmestyring aktiverer elementer ved at sige deres navn. Uden navn kan brugeren ikke ramme knappen.
- Fundet rammer typisk ikonknapper: luk, søg, menu, næste — de vigtigste handlinger på siden.
Sådan retter du det
- Foretræk synlig tekst. Et ikon med tekst ved siden af løser problemet for alle.
- Brug aria-label, når ikonet skal stå alene, og skjul selve ikonet med aria-hidden.
- Beskriv handlingen, ikke ikonet: “Luk menuen”, ikke “kryds”.
- Kontrollér, at navnet svarer til den synlige tekst, når der er en — stemmestyring bruger den synlige.
Det kan tjekket ikke afgøre
- Motoren kontrollerer, at der findes et navn, ikke om navnet er retvisende.
- Elementer, der først indsættes i browseren, indgår ikke.
- Et navngivet element kan stadig være utilgængeligt af andre grunde — for lille klikmål, manglende fokus eller for lav kontrast.
- Kontrollen er én af flere WCAG-krav. Et grønt resultat er ikke en tilgængelighedserklæring.