Handleiding Digitale Toegankelijkheid

TABLE OF CONTENTS

• Inleiding
• Koppenstructuur
• Toegankelijke linkbeschrijvingen
• Kleurgebruik en contrast
• Vetgedrukte tekst
• Alternatieve tekst voor afbeeldingen (alt-tekst)
• Embedded content en viewers (Mosaic)
• Diagrammen en grafieken (Mosaic)
• Slotopmerking

Inleiding

Digitale toegankelijkheid betekent gelijke toegang tot informatie en diensten voor iedereen, ongeacht fysieke, zintuiglijke of cognitieve mogelijkheden. Websites, apps, documenten en digitale hulpmiddelen moeten bruikbaar zijn voor alle gebruikers. Ook binnen de Mosaic-omgeving geldt dit: de content dient zo ingericht te zijn dat ook gebruikers met ondersteunende technologieën (zoals screenreaders) er goed mee uit de voeten kunnen. De volgende richtlijnen helpen je de content toegankelijk te maken.

Koppenstructuur

• Koppen delen content op in overzichtelijke delen, geven structuur, bieden een samenvatting van wat volgt en maken navigatie eenvoudiger, vooral voor gebruikers van screenreaders.
• Een kop is meer dan een visueel stijlelement: zorg dat koppen semantisch gemarkeerd zijn met de juiste niveaus (bijvoorbeeld H1, H2, H3).
• Hanteer een logische hiërarchie (bijvoorbeeld H1 → H2 → H3; sla geen niveaus over).
• Gebruik in Mosaic de ingebouwde titelvelden in plaats van handmatig opgemaakte tekst in het contentveld. Zo wordt een kop ook technisch als kop herkend.

Toegankelijke linkbeschrijvingen

• Linkteksten moeten duidelijk maken waar de link naartoe leidt.
• Vermijd generieke linkteksten zoals "Lees meer" zonder context.
• Gebruik beschrijvende linkteksten, bijvoorbeeld "Lees meer over zonne-energie".
• Wanneer de hele tegel klikbaar is in Mosaic, vul dan een duidelijke linkbeschrijving in en combineer die met de titel voor extra context.

Kleurgebruik en contrast

• Gebruik kleur niet als enige middel om betekenis over te brengen; voeg altijd labels, iconen of symbolen toe zodat informatie ook zonder kleur te begrijpen is.
• Voor normale tekst is de minimale contrastverhouding 4.5:1.
• Voor grote tekst (18pt of groter, of 14pt vet of groter) is de minimale contrastverhouding 3:1.

Vetgedrukte tekst

• Gebruik vetgedrukte tekst spaarzaam en voor betekenisvolle nadruk.
• Leg belangrijke informatie helder vast in de lopende tekst en koppen, zodat de betekenis niet alleen op opmaak leunt.

Alternatieve tekst voor afbeeldingen (alt-tekst)

• Voeg alt-tekst toe bij informatieve afbeeldingen die unieke inhoud tonen.
• Voeg alt-tekst toe bij functionele afbeeldingen (zoals een zoek-icoon) die een handeling vertegenwoordigen.
• Wanneer er tekst in een afbeelding staat, neem deze tekst op in de alt-tekst.
• Gebruik een lege alt-tekst (alt="") voor puur decoratieve afbeeldingen die geen informatie toevoegen.
• Wanneer informatie al elders toegankelijk staat, kan de alt-tekst leeg blijven of kun je naar de bestaande tekst verwijzen.

Embedded content en viewers (Mosaic)

• Embedded content en viewertegels (zoals pdf, video of een ingesloten website) zijn vaak minder goed bruikbaar voor screenreaders.
• Behandel deze elementen als links en geef ze een duidelijke naam, bijvoorbeeld "Bekijk het pdf-bestand jaarverslag 2023".

Diagrammen en grafieken (Mosaic)

• Voor diagrammen en grafieken is vaak een alternatieve tabelweergave beschikbaar zodat de informatie ook tekstueel te benaderen is.
• Wanneer die alternatieve weergave aanwezig en bruikbaar is, zijn extra aanpassingen aan het diagram soms niet nodig.

Slotopmerking

Deze handleiding biedt een praktische checklist voor het realiseren van toegankelijke digitale content, met zowel algemene richtlijnen als specifieke aandachtspunten voor toepassing binnen Mosaic. Houdt rekening met de aandachtspunten dleiding om consequent aan toegankelijkheidseisen te voldoen.