Wat is de Accessibility Checker van Brightspace?
Met de Accessibility Checker (toegankelijkheidscontrole) kun je jouw HTML-content in Brightspace controleren op algemene toegankelijkheidsproblemen. Deze tool helpt je om content te maken die beter bruikbaar is voor alle studenten inclusief studenten met een visuele beperking of die schermlezers gebruiken.
Waar vind je de Brightspace Accessibility Checker?
De Accessibility Checker vind je in de editor toolbar van de Brightspace HTML‑editor, in onder andere:
- Contentpagina’s
- Assignments / opdrachten
- Quizzes
- Widgets
- Discussions
- Calendar
het accessibility icoontje ziet eruit als een poppetje in een rondje (1). Mocht het icoontje niet zichtbaar zijn, klik dan op de ...(3 puntjes) (2) om de tweede rij met icoontjes uit te klappen
Hoe gebruik ik de Accessibility Checker?
- Open de HTML-Editor
Wanneer je een pagina of contentitem bewerkt, klik je op de HTML-editor om de content te openen. - Klik op het Accessibility Checker-icoon
Zoek in de werkbalk naar het Accessibility Checker-icoon en klik erop om de controle te starten. - Bekijk de resultaten
De tool toont een lijst met gevonden toegankelijkheidsproblemen. Vaak kun je direct in het paneel zien wat het probleem is en hoe je dit kunt herstellen. - Opties: Repareren of negeren
- Bij sommige issues kun je direct op Repair klikken om het probleem te verhelpen.
- Wil je een melding negeren, dan kun je kiezen voor Ignore
Wat controleert de Accessibility Checker
- Hoofdingstructuur
Controleert of koppen in de juiste volgorde staan (bijv. H1 → H2 → H3). - Lijsten
Controleert of lijsten correct als lijst zijn opgemaakt. - Afbeelding-alternatieve tekst (alt-text)
Controleert of afbeeldingen een beschrijvende alternatieve tekst hebben. - Contrast van tekst en achtergrond
Controleert of tekst voldoende contrast heeft volgens WCAG-richtlijnen. - Adjacent links
Waarschuwt als er meerdere links naast elkaar staan met dezelfde bestemming - Tabelopmaak
Controleert of tabellen een caption hebben en correcte koppen gebruiken.
| Gecontroleerd onderdeel | Effectiviteit van de controle |
|---|---|
| Hoofdingstructuur Controleert of koppen in de juiste volgorde staan (bijv. H1 → H2 → H3). | Hoe goed werkt deze controle? Goed
|
| Lijsten Controleert of lijsten correct als lijst zijn opgemaakt. | Hoe goed werkt deze controle? Goed
|
| Afbeelding-alternatieve tekst (alt-text) Controleert of afbeeldingen een beschrijvende alternatieve tekst hebben. | Hoe goed werkt deze controle? Redelijk
|
| Contrast van tekst en achtergrond Controleert of tekst voldoende contrast heeft volgens WCAG-richtlijnen. | Hoe goed werkt deze controle? Goed
|
| Adjacent links Waarschuwt als er meerdere links naast elkaar staan met dezelfde bestemming | Hoe goed werkt deze controle? Beperkt
|
| Tabelopmaak Controleert of tabellen een caption hebben en correcte koppen gebruiken. | Hoe goed werkt deze controle? Goed
|
Let op: De Accessibility Checker controleert alleen de HTML-content die je typt of plakt. Het controleert bijvoorbeeld niet de toegankelijkheid van zelf geüploade documenten.
Tips voor toegankelijke content in Brightspace
- Gebruik voldoende kleurcontrast
Zorg ervoor dat tekst duidelijk leesbaar is ten opzichte van de achtergrond. - Gebruik kleur niet als enige middel
Combineer kleur altijd met tekst, iconen of uitleg. Vertrouw niet alleen op rood = fout of groen = goed. - Gebruik echte koppen (H1, H2, H3)
Gebruik de kopstijlen in de editor in plaats van alleen grotere of vette tekst. Dit helpt bij navigatie met schermlezers. - Voeg beschrijvende alt-tekst toe aan afbeeldingen
Beschrijf wat er te zien is of wat de functie van de afbeelding is. - Gebruik duidelijke en beschrijvende linkteksten
Vermijd klik hier en kies bijvoorbeeld voor Bekijk de studiewijzer. - Gebruik tabellen alleen voor data
En zorg dat tabellen logisch zijn opgebouwd, met duidelijke koppen.