Laten we onze aandacht weer richten op het -element:

<img src="images/firefox-icon.png" alt="My test image" />

Zoals we eerder zeiden, wordt een afbeelding in onze pagina ingesloten in de positie waarin deze wordt weergegeven. Het doet dit via het src (bron) attribuut, dat het pad naar ons afbeeldingsbestand bevat.

We hebben ook een alt (alternatief) attribuut toegevoegd. In het alt-attribuut geeft u beschrijvende tekst op voor gebruikers die de afbeelding niet kunnen zien, mogelijk om de volgende redenen:

  • Ze zijn slechtziend. Gebruikers met aanzienlijke visuele beperkingen gebruiken vaak tools die schermlezers worden genoemd om de alt-tekst voor te lezen.
  • Er is iets misgegaan waardoor de afbeelding niet wordt weergegeven. Probeer bijvoorbeeld opzettelijk het pad binnen uw src-attribuut te wijzigen om het onjuist te maken. Als je de pagina opslaat en opnieuw laadt, zou je zoiets als dit moeten zien in plaats van de afbeelding:

De trefwoorden voor alt-tekst zijn “beschrijvende tekst”. De alt-tekst die u schrijft, moet de lezer voldoende informatie geven om een goed idee te krijgen van wat de afbeelding overbrengt. In dit voorbeeld is onze huidige tekst van “Mijn testafbeelding” helemaal niet goed. Een veel beter alternatief voor ons Firefox-logo zou zijn “Het Firefox-logo: een vlammende vos die de aarde omringt”.

Categorie├źn: Code

0 reacties

Geef een antwoord

Avatar plaatshouder

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *