Overzicht
De editor controleert voortdurend de les die je bewerkt aan de hand van een brede set WCAG 2.2-controles. Terwijl je bricks toevoegt of bewerkt, verschijnen problemen op twee plaatsen:
- Een badge op elke betreffende brick — rood voor fouten, amber voor waarschuwingen — met een tooltip die het eerste probleem samenvat.
- De knop Toegankelijkheid in de werkbalk — toont het totale aantal voor de les en opent het toegankelijkheidspaneel.
De cursusweergave toont ook per les een badge met de totalen voor elke les, berekend op de server op basis van de laatst opgeslagen status.
Controles zijn alleen informatief: ze blokkeren nooit het opslaan, exporteren of publiceren.
Het toegankelijkheidspaneel
Het paneel toont elk probleem gegroepeerd per brick, in de volgorde van de les. Elk item toont:
- Wat er mis is — bijv. "Afbeelding heeft geen alternatieve tekst", met het WCAG-succescriterium waaraan het is gekoppeld.
- Hoe je het oplost — concrete richtlijnen voor de oplossing.
- Oplossingsknoppen — wanneer een veilige één-klik-oplossing beschikbaar is (zie hieronder).
Als je op een groepstitel klikt, scrollt de editor naar die brick.
Wat wordt gecontroleerd
| Gebied | WCAG | Controles |
|---|---|---|
| Alternatieve tekst | 1.1.1 | Elke actieve afbeeldingsslot in alle bricktypen (inclusief items van galerij/carrousel, flashcard-zijden, matchparen, dialoogavatars, spelafbeeldingen, carrouselomslagen). Lege alt = expliciet decoratief en is geldig. Alt-teksten die op bestandsnamen lijken of langer zijn dan 150 tekens worden gemarkeerd. |
| Video | 1.2.2 / 1.2.3 | Zelf gehoste video's hebben een ondertitelbestand nodig (fout). Video's gehost op platforms (YouTube/Vimeo) krijgen een herinnering om ondertitels op het platform te controleren. Ontbrekende transcripties zijn een waarschuwing. |
| Audio | 1.2.1 | Audiobricks en audiomedia hebben een transcriptie nodig. Dialoogregelaudio is vrijgesteld — de regeltekst is zelf de transcriptie. |
| Koppen | 1.3.1 / 2.4.6 | Overgeslagen niveaus (h2 → h4), dubbele koppen op het hoogste niveau (de lestitel wordt al weergegeven als paginakop), lege koppen en lange lessen zonder enige kop. |
| Tabellen | 1.3.1 | Tabellen zonder kopregel of -kolom (fout); samengevoegde cellen (waarschuwing). |
| Contrast | 1.4.3 | Effectieve tekst- en kopkleuren tegen de effectieve achtergrond, met resolutie van de volledige cascade: themakleuren → stijlen per type → overrides per brickcontainer → inline kleur-/markeringsmarkeringen in rich text. Grote koppen gebruiken de 3:1-drempel. |
| Kleur als enige aanwijzing | 1.4.1 | Grafiekreeksen of triviacategorieën met bijna identieke kleuren. |
| Links | 2.4.4 | Links zonder tekst, generieke tekst ("klik hier", "aquí", …), of een kale URL als tekst. |
| Embeds | 4.1.2 | Iframes zonder toegankelijke titel (vul het veld Toegankelijke titel in bij de embed-instellingen). |
Één-klik-oplossingen
Problemen met een veilige, deterministische oplossing bieden een knop die deze direct toepast (één ongedaan-maken-stap):
- Markeren als decoratief — stelt een expliciete lege alt in.
- Kopniveau herstellen — stelt het niveau in dat de hiërarchie verwacht.
- Kopregel inschakelen — voor tabellen zonder koppen.
- Personagenaam gebruiken — als alt-tekst van de dialoogavatar.
Contrastproblemen bevatten een voorgestelde vervangkleur in het bericht — de dichtstbijzijnde kleur uit je themapalet die slaagt, of een aangepaste tint van de huidige kleur. Kleuren op themaniveau worden aangepast in de thema-editor, zodat één wijziging de hele cursus oplost.
Alt-tekst genereren met AI
Bij afbeeldingsproblemen wordt Alt genereren met AI aangeboden. De afbeelding wordt naar het model gestuurd dat je organisatie voor Tekstverwerking heeft gekozen (zie AI-modellen), dat een korte beschrijving in de taal van de content teruggeeft. De suggestie verschijnt in een bewerkbaar veld — er wordt niets geschreven totdat je het toepast. Elke generatie wordt afgerekend in Credits, zoals andere AI-functies.
Beperkingen
- Achtergronden met verlopen, afbeeldingen of aangepaste CSS kunnen niet automatisch op contrast worden gecontroleerd. In plaats van te gokken, verschijnt er een enkele waarschuwing "niet verifieerbaar" — controleer deze handmatig.
- De badges per les in de cursusweergave lezen de laatst opgeslagen status, dus ze kunnen enkele seconden achterlopen op je laatste bewerkingen.
- Gamebricks (woordzoeker, galgje, …) zijn inherent visueel/interactief; de controle valideert hun afbeeldingen en tekst, maar de spelmechanica zelf heeft mogelijk een handmatige toegankelijkheidsbeoordeling nodig.
Beoordelen en oplossen via MCP
Dezelfde controle is beschikbaar voor AI-assistenten die verbonden zijn via de MCP-server: audit_content_accessibility / audit_lesson_accessibility geven het rapport terug, apply_accessibility_autofix past een oplossing toe, en generate_accessibility_alt_text stelt alt-tekst voor afbeeldingen voor. Handig voor een chatgestuurde "beoordeel de toegankelijkheid van deze cursus en los op wat je kunt"-doorloop.