Robuust

Selecteer een onderwerp

4.1 Is de juiste structuur van de tekst aangegeven via de editor van het CMS of in HTML-codes

Uitleg

Als een website “onder water” goed in elkaar zit, dan is de basis voor toegankelijkheid gelegd. Ontwikkelaars kunnen in de technische standaard WCAG 2.1 meer lezen over technieken die gebruikt kunnen worden om aan de toegankelijkheidseisen te voldoen.

Tip

Voor het bouwen van websites zijn internationale standaarden ontwikkeld. Door de standaarden te volgen gebruik je de code op de manier waarop deze bedoeld is. Hulptechnologieën sluiten aan bij de ze standaarden.

4.2 Er zijn geen spaties of tabs gebruikt om kolommen, tabellen of speciale teksteffecten te maken.

Uitleg

Als je wilt dat jouw tekst in kolommen of in een tabel verschijnt, gebruik dan niet de spatiebalk of de tab-toets om dit te doen, omdat dit de tekst onbegrijpelijk maakt voor bezoekers die gebruik maken van assistentietechnologie. Kolommen die op deze manier worden aangemaakt worden rij voor rij gelezen, niet kolom voor kolom.

Tip

Tabellen moeten gemaakt worden met de tabelfuncties van de editor in het CMS. Voor kolommen en woorden met letters die verder uit elkaar staan, moet CSS gebruikt worden.

4.3 Afbeeldingen die informatie overdragen hebben een tekstueel alternatief

Uitleg

Door afbeeldingen te voorzien van een tekstueel alternatief maak je ze dus toegankelijk voor bezoekers die de afbeeldingen niet kunnen zien. Ook zoekmachines zoals Google maken gebruik van tekstalternatieven bij het indexeren van websites.

Tip

Een tekstueel alternatief werkt alleen als de beschrijving adequaat is. In veel gevallen gaat het om ‘vertellen wat je ziet’. Soms gaat het juist om ‘vertellen wat dit doet’, bijvoorbeeld bij een button in een formulier. En als een afbeelding geen informatie toevoegt, is het beter ook geen tekstalternatief te geven. Denk goed na over de tekstuele beschrijving. Iemand die alleen de tekstalternatieven ziet zou de informatie nog steeds moeten kunnen begrijpen en de website nog steeds moeten kunnen gebruiken.

4.4 Afbeeldingen die als link worden gebruikt, hebben een alt-tekst die het doel van de link beschrijft.

Uitleg

Wanneer het niet duidelijk is welk ingevuld veld foutief is ingevuld kunnen gebruikers vastlopen. De alt-tekst beschrijft het doel of de richting van de afbeelding in plaats van de afbeelding zelf.

Tip

Als de afbeelding in een link staat met een tekst erbij, dan is de afbeelding ook niet-informatief en ook dan volstaat een leeg alt-attribuut. De screenreader leest dan de linktekst op. Als de afbeelding aanklikbaar is en in de link staat geen tekst, dan gebruik je wel een alt-tekst en beschrijf je waar de afbeelding naartoe linkt.

4.5 Decoratieve afbeeldingen kunnen door hulptechnologieën genegeerd worden.

Uitleg

Decoratieve afbeeldingen zijn niet relevant voor gebruikers van hulptechnologieën. De decoratieve afbeeldingen mogen de begrijpelijkheid niet beïnvloeden.

Tip

Dit kan bijvoorbeeld door de alt-tekst leeg te laten.

4.6 Audio en video hebben een kort tekstueel alternatief dat de inhoud beschrijft.

Uitleg

Alle vormen van audio en video moeten een kort tekstalternatief krijgen. Dit is vergelijkbaar met de alt-tekst van afbeeldingen. Door deze korte tekst weten bezoekers die hulptechnologie gebruiken, ook als de audio of video zelf niet toegankelijk zou zijn, in ieder geval waar ze mee te maken hebben.

Tip

Hoe je dit alternatief plaatst hangt af van de techniek die gebruikt is om het multimediabestand op de webpagina te plaatsen.

4.7 Filmpjes, bewegend beeld en audio hebben (indien nodig) een transcript.

Uitleg

In het transcript vertel je zo compleet mogelijk het verhaal van het filmpje. Je vertelt wat er gebeurt. Dus wat er te zien en te horen is en wat er gezegd wordt. Specifiek door wie. Eventuele interactieve elementen neem je ook op in het transcript.

Tip

Kun je in het filmpje bijvoorbeeld op een knop drukken, dan neem je in het transcript een link op naar de pagina waar je die actie kunt uitvoeren.

4.8 Informatie die in een tabel hoort, staat ook écht in een tabel en heeft de juiste HTML-code.

Uitleg

Gegevens in de tabel hebben zowel horizontaal als verticaal een relatie met elkaar. Met de juiste HTML-code kun je die relaties expliciet maken. Je geeft dan aan welke cellen koppen zijn en welke cellen gegevens bevatten. Bij complexe tabellen geef je ook nog eens aan welke kop precies bij welke cellen hoort. Bezoekers die hulptechnologie gebruiken hebben hier profijt van. Doordat de relaties in de code staan kan de hulptechnologie de informatie uit de tabel op een overzichtelijke en logische manier presenteren.

Tip

Sommige tabellen zitten heel ingewikkeld in elkaar, met meerdere niveaus en koppen. Het kan dan nodig zijn om code toe te voegen aan de tabel om de verbanden duidelijk te maken. Stel jezelf echter de vraag of de tabel niet kan worden vereenvoudigd of gesplitst in meerdere tabellen.

Voldoet uw website aan de WCAG-richtlijnen?

Doe de check
Terug naar het begin