Ga naar hoofdinhoud
WCAG 1.3.1 - LogoWCAG 1.3.1 - Logo

Succescriterium 1.3.1 - Niveau A

Info en relaties

Zorg dat de informatie en relaties op het scherm ook voor gebruikers van hulpmiddelen duidelijk zijn.

Informatie op het scherm moet aan hulpmiddelen worden overgebracht. Zorg dat koppen bijvoorbeeld niet alleen dikgedrukt zijn, maar ook in de code als kop zijn gemarkeerd.

Relaties op het scherm moeten aan hulpmiddelen worden aangegeven. Elementen in een lijst moeten één voor één genavigeerd kunnen worden. Elementen in een tabel moeten via rijen en kolommen navigeerbaar zijn.

Impact

  • Voor gebruikers van hulpsoftware is het belangrijk dat in een tabel de titels van rijen en kolommen voorgelezen worden.

  • Zorg dat alinea’s door hulpsoftware apart worden voorgelezen.

  • Zorg dat het voor hulpsoftware duidelijk is dat een lijst met bullets een lijst is.

Controleren

Is de opbouw van het scherm duidelijk bij het gebruiken van hulpmiddelen?”

Je kunt de schermlezer gebruiken om dit te controleren.

Oplossing

Bij websites wordt vaak gebruik gemaakt van WAI-ARIA attributen om informatie en relaties correct over te brengen. Bij apps kun je geen gebruik maken van deze attributen, omdat apps niet in HTML geschreven zijn. Voor een deel van deze attributen zijn er alternatieven beschikbaar, maar niet voor allemaal.

Accessibility role instelllen

Accessibility modal aangeven

Elementen groeperen

Bronnen