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.
