HTML canvas-element

Een canvas-element is niet beschikbaar voor hulptechnologie. Vermijd daarom het gebruik van canvas voor een digitaal toegankelijke website of app. Zo help je mensen met die hulptechnologie nodig hebben om te navigeren door een website of app.

Officiële informatie

Verschil canvas-apps

Canvas-apps verschillen in vorm en functie. Dit zorgt dat het digitaal toegankelijk maken ook heel verschillend is. Het komt voor dat je dit niet helemaal digitaal toegankelijk kunt maken.

Doe dit voor digitale toegankelijkheid

Moet je toch een canvas-element gebruiken, doe dat dan op de volgende manier:

  • Geef canvas-elementen die alleen informatief zijn de code role=”img”.
  • Geef naast de juiste code ook een goede beschrijving of een verwijzing naar de plek waar lange beschrijving staat.
  • Geef canvas-elementen die alleen decoratief zijn role=”presentation” of aria-hidden=”true”. Zo verberg je ze voor hulpsoftware.
  • Voor canvas-elementen met tekst houd je je aan de eisen voor kleurcontrast en tekst in afbeeldingen.
  • Voor canvas-elementen met knoppen of links gelden de eisen voor interactieve afbeeldingen.

Meer informatie

Mdn web docs – <canvas>: The Graphics Canvas element (Engelstalig)

Meer informatie voor apps

Appt – Meer informatie over niet-tekstuele content voor apps

Deze tekst is een vereenvoudigde versie van de eisen uit WCAG. Hieraan kunnen geen rechten worden ontleend. Voor de volledige eisen, raadpleeg de officiële norm Opent in nieuw tabblad.
Heb je gevonden wat je zocht?

Fijn dat je het antwoord op je vraag hebt kunnen vinden. Heb je een idee over hoe we onze kennisbank kunnen verbeteren?

Informatie over de verwerking van uw persoonsgegevens

Wij gebruiken jouw e-mailadres om je vraag te beantwoorden, waarna het vernietigd wordt. Jouw informatie wordt niet met derden gedeeld. Wij beantwoorden je verzoek zo snel mogelijk. Lees ook onze privacyverklaring.

Akkoordverklaring (verplicht)



Waar was je naar op zoek?

Informatie over de verwerking van uw persoonsgegevens

Wij gebruiken jouw e-mailadres om je vraag te beantwoorden, waarna het vernietigd wordt. Jouw informatie wordt niet met derden gedeeld. Wij beantwoorden je verzoek zo snel mogelijk. Lees ook onze privacyverklaring.

Akkoordverklaring (verplicht)