○ WCAG 2.1
Wat is WCAG 2.1?
WCAG (Web Content Accessibility Guidelines) biedt technische richtlijnen aan voor digitale toegankelijkheid. Deze richtlijnen zorgen ervoor dat een website voor alle gebruikers toegankelijk is, ook voor gebruikers met toegankelijkheidsbehoeften vanwege een beperking.
Voorbeelden:
- Gebruikers kunnen kleurenblind zijn of slechtziend, waardoor elementen op websites moeilijker van elkaar te onderscheiden zijn. Het platform moet daarom voorzien worden van een duidelijk contrast tussen teksten en achtergrond.
- Gebruikers kunnen een beperking hebben waarbij het gebruik van een muis wordt bemoeilijkt. Het platform moet daarom te besturen zijn met behulp van een toetsenbord.
- Gebruikers kunnen een visuele beperking hebben. Het platform moet daarom gebruikt kunnen worden via een screenreader.
We vinden dat iedereen gebruik moet kunnen maken van ons platform. Daarom zijn we momenteel druk bezig om de richtlijnen van WCAG 2.1 te implementeren in ons platform.
Door aan de WCAG 2.1 richtlijnen te voldoen zorgen we ervoor dat iedereen in staat is om met ons platform te werken en dat elke gebruiker in staat is om een learning journey via ons platform te volgen.
WCAG 2.1 categorieën
We hebben de verschillende WCAG 2.1 richtlijnen onderverdeeld in 4 categorieën. We focussen op het implementeren van richtlijnen binnen één categorie tegelijk.
We onderscheiden de volgende categorieën:
- Contrast
Het contrast tussen tekstuele en niet-tekstuele elementen moet groot en duidelijk genoeg zijn. - Toetsenbord besturing
Elke pagina in het platform kan worden bestuurd met een toetsenbord. - Screenreader toegankelijkheid
Elke pagina kan worden geopend via een screenreader. - Overig
Hieronder vallen de richtlijnen die niet onder één van bovenstaande categorieën vallen.
Plannen voor de implementatie
We hebben een overzicht gemaakt van de verschillende plannen voor het implementeren van de richtlijnen. De planning is gemaakt op basis van de verschillende categorieën.
Hieronder vind je een overzicht met alle WCAG plannen die we hebben en die in de toekomst geïmplementeerd gaan worden. De opgegeven termijn is echter een schatting, omdat in de loop van de tijd kan blijken dat bepaalde richtlijnen meer tijd kosten om goed te implementeren in het platform.
Sectie(s) | Categorie | Verwachte termijn van implementatie |
Gehele platform (deelnemerskant en backend) | Contrast | Afgerond |
Resultatenpagina | Toetsenbord | Afgerond |
Inhoudsdelen in activiteiten (in de player) | Toetsenbord | Afgerond |
Hoofdnavigatie in de player | Toetsenbord | Afgerond |
Vragen in de player | Toetsenbord | Afgerond |
Login pagina, Home pagina, learning journey | Toetsenbord | Afgerond |
Catalogus, communicatiecentrum, resultatenoverzicht, accountinstellingen en portfolio | Toetsenbord | Afgerond |
Player (Alle activiteiten) | Toetsenbord | Afgerond |
Beoordelingsflow | Toetsenbord | Afgerond |
Eerste mijlpaal: deelnemerskant en beoordelingsflow zijn toetsenbordtoegankelijk gemaakt | ||
Niet-tekstuele content (afbeeldingen, video's enz) kan alternatieve tekst bevatten in vragen en inhoudsdelen en zijn toegankelijk voor ScreenReader services | ScreenReader | Afgerond |
Login pagina en Home pagina | ScreenReader | Afgerond |
Learning journey en player: Knoppen, tabs, tekst, checkboxes | ScreenReader | nog te bepalen |
Notities | ScreenReader | nog te bepalen |
Catalogus, communicatiecentrum, resultatenoverzicht, accountinstellingen en portfolio | ScreenReader | nog te bepalen |
Beoordelingsflow | ScreenReader | nog te bepalen |
Deelnemerskant | Overig | nog te bepalen |
Beoordelingsflow | Overig | nog te bepalen |
Tweede mijlpaal: deelnemerskant en beoordelingsflow voldoen aan de AA normen | ||
Uitvoeringen aanmaken en beheren | Contrast & Toetsenbord | nog te bepalen |
Learning journey maken (template bouwen) | Contrast & Toetsenbord | nog te bepalen |
Beoordelingsflow | Screenreader | nog te bepalen |
Vragen en inhoudsdelen maken | Contrast & Toetsenbord | nog te bepalen |
Gebruikers beheren | Contrast & Toetsenbord | nog te bepalen |
Uitvoeringen aanmaken en beheren | Screenreader | nog te bepalen |
Learning journey maken (template bouwen) | Screenreader | nog te bepalen |
Vragen en inhoudsdelen maken | Screenreader | nog te bepalen |
Gebruikers beheren | Screenreader | nog te bepalen |
Beoordelingsflow | Overig | nog te bepalen |
Uitvoeringen aanmaken en beheren | Overig | nog te bepalen |
Learning journey maken (template bouwen) | Overig | nog te bepalen |
Vragen en inhoudsdelen maken | Overig | nog te bepalen |
Gebruikers beheren | Overig | nog te bepalen |
Samengevat:
- We zijn gestart met het aanpassen van de contrastverhoudingen tussen tekstuele en niet-tekstuele elementen aan de deelnemerskant en de backend van het platform. Deze implementatie is al doorgevoerd in het platform.
- Het volgende punt waar we mee aan de slag gaan zijn de toetsenbord-gerelateerde richtlijnen. Hierbij zorgen we ervoor dat pagina's in het platform met een toetsenbord bestuurd kunnen worden.
We richten ons hierbij eerst op de meest relevante pagina's aan de deelnemerskant, zoals de login pagina, Home pagina en het overzicht van de learning journey. - Nadat de toetsenbord-gerelateerde richtlijnen geïmplementeerd zijn, vindt een terugblik en evaluatie plaats. Zo leren we van de implementaties die al zijn gedaan en kunnen we toekomstige implementaties makkelijker en sneller doorvoeren.
Hierna zullen de toetsenbord-gerelateerde richtlijnen op het proces voor begeleiders om activiteiten te beoordelen worden toegepast.
Nieuwste stappen die zijn gezet om het platform volledige toegankelijk te maken
- Toetsenbordtoegankelijkeheid: De Activiteitenplayer is nu volledig toetsenbordtoegankelijk: binnen alle activiteiten kan nu met behulp van het toetsenbord worden genavigeerd.
- Schermlezer toegankelijkheid: Niet-tekstuele content, zoals afbeeldingen, video's en geluidsfragmenten, kunnen van tekstalternatieven worden voorzien. Ze kunnen worden voorgelezen door schermlezers, zodat het toegankelijk wordt voor iedereen. Tekstalternatieven kunnen nu worden toegevoegd door:
- Auteurs die bestanden gebruiken in vragen en inhoudsdelen;
- Ontwerpers die afbeeldingen gebruiken in de template;
- Resellers die afbeeldingen gebruiken voor producten;
- Omgevingsbeheerders die bestanden gebruiken in de look & feel