WCAG-succescriterium 1.4.5 Afbeeldingen van tekst

Niveau AA

Uitleg

Laat tekst buiten afbeeldingen.

Als je losse tekst een vergelijkbaar uiterlijk kan geven als in een afbeelding, laat het dan losse tekst zijn. Er is een uitzondering als de tekst onderdeel is van een logo.

Sommige mensen hebben teksten nodig met een ander uiterlijk. Dit kan bij losse tekst en niet bij afbeeldingen.

Hoe te testen

• Controleer voor alle tekst dat deze niet (alleen) in een afbeelding zit. Losse tekst herken je aan:
  • Vaak kan losse tekst geselecteerd worden. Tekst in afbeeldingen kun je niet selecteren. Een afbeelding kun je mogelijk wel slepen.
  • Losse tekst is terug te vinden in de HTML-code. Tekst in een afbeelding is daar niet te vinden.
  • Losse tekst kan aangepast worden met een vertaaltool, met eigen CSS of met instellingen van je computer of browser. Tekst in een afbeelding is niet aan te passen.

Tips

• Als de tekst in een afbeelding zit maar toch aangepast kan worden hoe deze eruit ziet, dan voldoet het ook.
• Dit succescriterium klinkt mogelijk strenger dan het is. Het geldt niet voor afbeeldingen waar tekst niet het hoofdonderwerp is zoals screenshots, grafieken en foto's van objecten met tekst.

Gebruikersonderzoek

Heb je gebruikersonderzoek gedaan dat betrekking heeft op dit succescriterium en wil je dit delen? Kijk eens bij Gebruikersonderzoeken delen op gebruikersonderzoeken.nl.

W3C referenties

• Engelse tekst van het WCAG-succescriterium: 1.4.5 Images of Text.
• Nederlandse vertaling van het WCAG-succescriterium: 1.4.5 Afbeeldingen van tekst.
• Engelstalige informatie op How to Meet WCAG: Quick Reference 1.4.5 Images of Text.
• Engelstalige toelichting: Understanding SC 1.4.5 Images of Text.

Belangrijk: De richtlijnen van NL Design System zijn geen wettelijke verplichting

De richtlijnen van NL Design System zijn niet wettelijk verplicht en zijn geen vervanging voor de wettelijk geldende WCAG 2.1 specificatie.

Ons doel is om praktische uitleg en voorbeelden te geven die helpen bij het toegankelijk inzetten van de NL Design System componenten, patronen en richtlijnen. We doen dat op basis van een interpretatie van de nieuwe WCAG 2.2 specificatie.

Weten waar je volgens de wet aan moet voldoen? Ga dan naar wat is verplicht van DigiToegankelijk.

Help richtlijn verbeteren

Deze pagina's over WCAG worden onderhouden door NL Design System. Heb je aanvullingen of opmerkingen? Deel je mening op GitHub.