Naar inhoud springen
SilktideHelp

Decoratieve afbeeldingen

Silktide vindt afbeeldingen die als decoratief zijn gemarkeerd met lege alternatieve tekst, zodat je kunt bevestigen dat het inderdaad veilig is voor om ze over te slaan. Een als decoratief gemarkeerde afbeelding is onzichtbaar voor mensen die schermlezers gebruiken.

<!-- Deze afbeelding wordt overgeslagen door hulptechnologie.
     Klopt dat, of bevat de afbeelding informatie? -->
<img src="chart.png" alt="">

Waarom dit belangrijk is

Een lege alt="" vertelt een dat deze de afbeelding volledig moet negeren. Dat is precies goed voor een - een afbeelding die alleen een esthetisch doel dient, geen informatie biedt en geen functie heeft. Maar hetzelfde lege attribuut op een grafiek, een foto met betekenis of een afbeelding die als knop wordt gebruikt, wist die inhoud stilletjes voor iedereen die de afbeelding niet kan zien, terwijl er voor een ziende bezoeker niets verkeerd lijkt.

Lege alternatieve tekst is ook een veelvoorkomende standaard in sjablonen en contentmanagementsystemen, waardoor betekenisvolle afbeeldingen per ongeluk in plaats van bewust als decoratief worden gemarkeerd.

Hoe je dit oplost

Deze controle vraagt je om elke afbeelding te beoordelen in plaats van bevestigde problemen te rapporteren. Doe voor elke afbeelding het volgende:

  1. Als de afbeelding echt decoratief is, is er geen wijziging nodig - de bevinding goed.
  2. Als de afbeelding informatie bevat of als bedieningselement fungeert, vervang je het lege attribuut door beschrijvende in je of code.
  3. Een afbeelding waarvan de betekenis volledig wordt herhaald door aangrenzende tekst - zoals een pictogram naast hetzelfde woord - is correct decoratief en moet de lege alt="" behouden.

Hoe Silktide dit test

  1. Zoek op elke pagina elke afbeelding met een expliciet leeg alt=""-attribuut.
  2. Sla afbeeldingen over die hulptechnologie toch niet zou aankondigen: afbeeldingen zonder bron, afbeeldingen van 1 pixel of kleiner en afbeeldingen die voor schermlezers verborgen zijn.
  3. Sla afbeeldingen over met een expliciet role="presentation"-attribuut. In tegenstelling tot een lege alt, die vaak een standaardwaarde van een sjabloon is, is een presentatierol bijna altijd een bewuste keuze.
  4. Sla afbeeldingen over van bekende externe services, zoals ingesloten kaarttegels.
  5. Vermeld elke overgebleven afbeelding, met de omringende tekst als context, zodat je kunt bevestigen dat deze echt decoratief is.

Afbeeldingen zonder alt-attribuut worden in plaats daarvan gerapporteerd door Ontbrekende alternatieve tekst.

Problemen oplossen

Waarom afbeeldingen beoordelen die misschien in orde zijn?

Of een afbeelding decoratief is, hangt af van wat de afbeelding weergeeft en welke rol deze op de pagina speelt - zaken die geen enkele geautomatiseerde controle kan beoordelen. Silktide brengt de beslissing onder de aandacht; jij neemt deze één keer, waarna goedgekeurde afbeeldingen goedgekeurd blijven.

Meer informatie

Laatst bijgewerkt

Was deze pagina nuttig?