A. A. A.
Drie links. Om de tekstgrootte aan te passen. Klein, normaal, groot.
Een schermlezer hoort: “Link. A. Link. A. Link. A.” Drie identieke links. Welke doet wat?
<!-- Niet doen: enkel teken zonder context -->
<a href="?size=small">A</a>
<a href="?size=medium">A</a>
<a href="?size=large">A</a>
<!-- Wel doen: met aria-labels -->
<a href="?size=small" aria-label="Kleine tekstgrootte">A</a>
<a href="?size=medium" aria-label="Normale tekstgrootte">A</a>
<a href="?size=large" aria-label="Grote tekstgrootte">A</a>
Dit speelt ook bij:
- Social media links met alleen een icoon (geen tekst)
- Sluitknoppen met alleen een “X”
- Navigatiepijlen met alleen < en >
- Sterren-beoordelingen
Elk interactief element met een enkel teken of icoon verdient een beschrijvend label.
