Campus Design System

Appearance

1.1.1 Niet-tekstuele Inhoud (Non-text Content) niveau A ​

Uitleg ​

Het criterium 1.1.1 richt zich op het zorgen dat niet-tekstuele inhoud, zoals afbeeldingen, iconen, video’s, grafieken en geluiden, toegankelijk is voor gebruikers die geen visuele of auditieve waarneming kunnen hebben. Dit betekent dat alle niet-tekstuele inhoud een tekstalternatief moet hebben dat de betekenis of functie van de inhoud uitlegt.

Toegankelijkheid ​

Niet-tekstuele inhoud kan door veel gebruikers, zoals blinde of slechtziende mensen, niet worden waargenomen. Ook gebruikers die niet in staat zijn om geluid te horen, bijvoorbeeld vanwege gehoorverlies of omdat ze zich in een omgeving bevinden waar geluid niet gewenst is, moeten toegang hebben tot de informatie die deze inhoud verstrekt. Dit kan door alternatieve tekst of ondertitels te bieden.

Bijvoorbeeld, voor een afbeelding betekent dit dat de alt-tekst de afbeelding beschrijft en zo de inhoud ervan overbrengt aan een gebruiker die de afbeelding niet kan zien, zoals een blinde gebruiker die een schermlezer gebruikt.

Voorbeeld ​

Een afbeelding zonder alt-tekst is niet toegankelijk:

html
<img src="logo.png" />

Een toegankelijke versie van dezelfde afbeelding met alt-tekst zou er als volgt uitzien:

html
<img src="logo.png" alt="Logo van het bedrijf XYZ" />

In dit voorbeeld biedt de alt-tekst "Logo van het bedrijf XYZ" een duidelijke en beknopte beschrijving van de afbeelding. Dit stelt een gebruiker die de afbeelding niet kan zien in staat om te begrijpen waar de afbeelding naar verwijst.

Belangrijkste punten ​

  • Alternatieve tekst (alt-tekst) moet altijd worden verstrekt voor afbeeldingen, video’s, en andere niet-tekstuele inhoud.
  • Voor afbeeldingen die puur decoratief zijn, kan de alt-tekst leeg zijn (alt=""). Dit voorkomt dat schermlezers onnodige informatie voorlezen.
  • Video’s, geluiden en andere media moeten ook alternatieve teksten of ondertitels bevatten wanneer ze belangrijke inhoud overdragen.

Tools en Hulpmiddelen ​

  • Alt beslissingsboom van 200ok: Deze beslissingsboom helpt bij het bepalen of een afbeelding een tekstalternatief nodig heeft. Dit kan een handige leidraad zijn bij het beoordelen van afbeeldingen op je website. De beslissingsboom is te vinden op de website van 200ok: 200ok Alt Text Decision Tree.
  • WAVE Web Accessibility Evaluation Tool: WAVE is een tool die de toegankelijkheid van webpagina’s controleert en feedback geeft over verschillende toegankelijkheidsproblemen, inclusief ontbrekende alt-teksten. De tool is beschikbaar als browserextensie en kan gemakkelijk worden gedownload via WAVE tool.

Betekenis voor toegankelijkheid ​

Niet-tekstuele inhoud speelt een belangrijke rol in de communicatie op websites. Dit criterium zorgt ervoor dat gebruikers die afhankelijk zijn van schermlezers of andere assistieve technologieën niet worden uitgesloten van de informatie die door afbeeldingen of andere visuele middelen wordt overgebracht. Door dit criterium te implementeren, maak je websites toegankelijker voor een breed scala aan gebruikers, inclusief mensen met visuele of auditieve beperkingen.

Referenties ​