Afbeeldingen van tekst

Gebruik tekst in plaats van afbeeldingen van tekst om informatie over te brengen.

Mensen kunnen de tekst op een webpagina aanpassen naar hun eigen voorkeuren door eigen stijlkenmerken toe te passen. Bijvoorbeeld de grootte, de kleur of de regelafstand van de tekst. Dit is handig voor bijvoorbeeld mensen die slechtziend zijn of mensen met een cognitieve beperking.

Maar deze aangepaste stijlkenmerken werken niet met afbeeldingen van tekst, en afbeeldingen van tekst kunnen niet worden herschaald zonder dat de kwaliteit van de afbeelding achteruit gaat.

Toepassen

  • Gebruik geen afbeeldingen van tekst als dezelfde weergave ook met eenvoudige code kan worden bereikt.

Voorbeelden

Dit is een afbeelding van tekst:

log in
<img src="afbeelding-van-tekst.png" alt="log in">

Beter zou zijn:

Log in 
<span style="color:#067A91;
             border:1px solid #067A91;
             font-size:1.125em;
             padding:0.5em;">
  <i class="fa fa-sign-in" aria-hidden="true"></i>
  Log in
</span>

Impact

  • Mensen die slechtziend zijn.
  • Mensen die een cognitieve, taal- of leerbeperking hebben.

Verantwoordelijkheid

  • Redacteur
  • Ontwikkelaar

Bronnen