Geef afbeeldingen die ook een link zijn een tekstalternatief dat het doel van de link beschrijft
In de gevallen dat niet tekst maar alleen een afbeelding als link wordt gebruikt, spreken we over functionele afbeeldingen. Deze afbeeldingen moeten een tekstalternatief hebben.
Dit zijn bijvoorbeeld:
- Logo’s die worden gebruikt als link naar een website.
- Social media iconen die worden gebruikt als link naar een kanaal.
- Iconen met een scroll-naar-top functionaliteit.
Voor afbeeldingen die ook als link worden gebruikt, is het belangrijk dat het tekstalternatief het doel van de link beschrijft. Het tekstalternatief is ook direct de linktekst. Zonder tekstalternatief heeft de link geen linktekst.
Zo is “Scroll naar de bovenkant” een beter tekstalternatief dan “Pijl omhoog” als het gaat om een icoon met een scroll-naar-top functionaliteit.
Een tekstalternatief voor een <img>-element wordt gegeven met het alt-attribuut.
In de code ziet dat er zo uit: