Toegankelijke diagrammen (A11y)
Waarom is dit belangrijk?
Diagrammen zijn visueel van aard en daardoor ontoegankelijk voor gebruikers die screenreaders gebruiken, slechtzienden, of mensen met cognitieve beperkingen. Volgens de WCAG moet alle niet-tekstuele content een tekstalternatief hebben.
Tabs onder diagrammen
Op deze site zie je onder elk diagram twee tabs:
- Broncode - De PlantUML of Mermaid code waarmee het diagram is gemaakt
- Natuurlijke taal - Een leesbare beschrijving van het diagram
Broncode tab
De broncode is nuttig om:
- Te zien hoe het diagram is opgebouwd
- De code te kopiëren naar online editors zoals PlantUML Online of Mermaid Live
- Of lokaal te bewerken met de PlantUML IntelliJ plugin
Let op: PlantUML/Mermaid syntax is technisch en niet direct bedoeld als toegankelijke beschrijving.
Natuurlijke taal tab
De "Natuurlijke taal" tab toont een automatisch gegenereerde beschrijving die screenreaders kunnen voorlezen.
Status: Deze functionaliteit is nog in ontwikkeling. Momenteel worden ondersteund:
- PlantUML klassendiagrammen (volledig)
- PlantUML state diagrams (volledig)
- PlantUML sequence diagrams (basis)
Voor niet-ondersteunde diagramtypen wordt een fallback tekst getoond.
Meer informatie
Uitgebreide documentatie over de werking en ondersteunde diagramtypen:
Achtergrond over toegankelijkheid van diagrammen: