Toegankelijkheidsverklaring
Acteerschool De Magische Planken zet zich in voor een toegankelijke website voor iedereen, ongeacht hun vaardigheden of beperkingen. We streven ernaar om onze online content te ontwikkelen volgens de Web Content Accessibility Guidelines (WCAG) 2.1 niveau AA, een internationaal erkende standaard voor webtoegankelijkheid.
Maatregelen voor Toegankelijkheid
Om de toegankelijkheid van onze website te waarborgen, hebben we de volgende maatregelen genomen:
- Semantische HTML: We gebruiken semantische HTML-elementen om de structuur en betekenis van onze content te definiëren. Dit helpt screenreaders en andere assistive technologies om de website beter te begrijpen.
- Alt-teksten voor afbeeldingen: Alle afbeeldingen op onze website zijn voorzien van beschrijvende alt-teksten, zodat gebruikers met een visuele beperking kunnen begrijpen wat de afbeelding weergeeft.
- Voldoende contrast: We hebben gezorgd voor voldoende contrast tussen tekst en achtergrondkleuren om de leesbaarheid te verbeteren voor mensen met een visuele beperking.
- Toetsenbordnavigatie: Onze website is volledig te navigeren met een toetsenbord, zodat gebruikers die geen muis kunnen gebruiken, toch toegang hebben tot alle content.
- Formulieren: Onze formulieren zijn voorzien van duidelijke labels en instructies, zodat gebruikers weten welke informatie ze moeten invullen. We hebben ook validatie toegevoegd om fouten te voorkomen.
- ARIA-attributen: Waar nodig gebruiken we ARIA-attributen om de toegankelijkheid van interactieve elementen te verbeteren.
- Responsief ontwerp: Onze website is responsive en past zich aan de schermgrootte van het apparaat aan, zodat de content op alle apparaten goed leesbaar en bruikbaar is.
- Dark Thema: Wij bieden een dark thema optie voor gebruikers die gevoelig zijn voor fel licht of die de voorkeur geven aan een donkerdere interface.
WCAG 2.1 AA Conformiteit
We streven ernaar om volledig te voldoen aan de WCAG 2.1 niveau AA richtlijnen. Dit betekent dat we de volgende principes volgen:
- Waarneembaar: Informatie en interface componenten moeten presenteerbaar zijn aan gebruikers op manieren die ze kunnen waarnemen.
- Bedienbaar: Interface componenten en navigatie moeten bedienbaar zijn.
- Begrijpelijk: Informatie en de bediening van de interface moeten begrijpelijk zijn.
- Robuust: Content moet robuust genoeg zijn zodat het betrouwbaar geïnterpreteerd kan worden door een breed scala aan user agents, inclusief assistive technologies.
Bekende Problemen
Ondanks onze inspanningen om de website toegankelijk te maken, kunnen er nog enkele bekende problemen zijn. We zijn ons bewust van de volgende issues en werken aan een oplossing:
- Sommige oude documenten (PDFs) zijn mogelijk niet volledig toegankelijk. We werken eraan om deze documenten te vervangen door toegankelijke versies.
- Sommige video's hebben mogelijk nog geen ondertiteling. We zijn bezig met het toevoegen van ondertiteling aan alle video's op onze website.
Feedback en Contact
We waarderen uw feedback over de toegankelijkheid van onze website. Als u problemen ondervindt bij het gebruik van onze website, of als u suggesties heeft voor verbetering, neem dan contact met ons op via accessibility@demagischeplanken.nl of bel ons op 020-1234567. We zullen uw feedback serieus nemen en ons best doen om de problemen zo snel mogelijk op te lossen.
Overzicht van gebruikte ARIA-attributen
Gebruikte ARIA Attributen en hun toepassing
| ARIA Attribuut |
Element |
Beschrijving |
| aria-label |
<button> (Navigatie toggler) |
Geeft een label aan de navigatie knop voor screenreaders, zodat gebruikers weten dat dit een knop is om de navigatie te openen of sluiten. |
| aria-expanded |
<button> (Navigatie toggler) |
Geeft aan of de navigatie is uitgevouwen (zichtbaar) of ingeklapt (verborgen). Screenreaders kunnen deze informatie gebruiken om de gebruiker te informeren over de huidige staat van de navigatie. |
| aria-controls |
<button> (Navigatie toggler) |
Specificeert het element (de navigatie) dat wordt beheerd door de knop. Dit helpt screenreaders om de relatie tussen de knop en de navigatie te begrijpen. |
| role="button" |
<a> (Dark theme toggle) |
Definieert het element als een knop voor toegankelijkheid, wat essentieel is voor gebruikers van screenreaders. |
| aria-live |
Dynamic content areas (niet direct in deze code, maar toegepast waar relevant) |
Zorgt ervoor dat dynamische content updates worden aangekondigd door screenreaders zonder dat de focus van de gebruiker wordt afgeleid. "assertive" voor belangrijke updates, "polite" voor minder dringende updates. |
Gebruikte Technieken
Wij passen de volgende technieken toe om onze website zo toegankelijk mogelijk te maken:
- Kleurcontrast: We gebruiken tools om te zorgen voor een voldoende kleurcontrast tussen tekst en achtergrond, zodat de inhoud gemakkelijk leesbaar is voor gebruikers met een visuele beperking.
- Semantische HTML5: We gebruiken HTML5-elementen op een semantische manier om de structuur van de pagina te definiëren en de toegankelijkheid te verbeteren.
- Responsief Design: Onze website is ontworpen om responsief te zijn, zodat de content correct wordt weergegeven op verschillende schermformaten.
- Toetsenbordnavigatie: Alle interactieve elementen op de website zijn toegankelijk via toetsenbordnavigatie.
SEO en Toegankelijkheid
We zijn ons ervan bewust dat toegankelijkheid en SEO (Search Engine Optimization) hand in hand gaan. Door onze website toegankelijk te maken, verbeteren we ook de vindbaarheid in zoekmachines. We letten op de volgende aspecten:
- Alt-teksten: Beschrijvende alt-teksten voor afbeeldingen helpen zoekmachines om de inhoud van de afbeeldingen te begrijpen.
- Semantische HTML: Het gebruik van semantische HTML-elementen helpt zoekmachines om de structuur en betekenis van de pagina te begrijpen.
- Duidelijke paginatitels: Elke pagina heeft een duidelijke en beschrijvende titel die relevant is voor de inhoud van de pagina.
- Interne links: We gebruiken interne links om de navigatie te verbeteren en de structuur van de website te versterken.
Donker Thema
Om tegemoet te komen aan gebruikers die gevoelig zijn voor fel licht of die de voorkeur geven aan een donkerdere interface, bieden we een donker thema aan. Met één klik kunnen gebruikers de kleuren van de website aanpassen voor een comfortabelere kijkervaring.
Het donkere thema is ontworpen met behulp van CSS-variabelen, zodat het gemakkelijk aan te passen en te onderhouden is. We hebben ervoor gezorgd dat het donkere thema voldoet aan de WCAG-richtlijnen voor kleurcontrast, zodat de inhoud nog steeds leesbaar is voor gebruikers met een visuele beperking.