Wcag uitgelegd

Fieldset legend

Fieldset legend — WCAG 1.3.1 Info en relaties (post 4/8)

“Hoe wil je benaderd worden?”

Met daaronder drie radiobuttons: telefoon, e-mail, brief. Je begrijpt direct dat die opties bij die vraag horen.

Maar een schermlezer leest alleen “radiobutton, telefoon” — zonder de vraag erbij.

De oplossing is standaard HTML: een fieldset met een legend. Het groepeert de opties en koppelt ze aan de vraag. Geen trucje, geen extra code. Toch ontbreekt het op de meeste formulieren die ik audit.

Hoe ingewikkelder je formulier, hoe belangrijker dit wordt. Denk aan bestelformulieren met meerdere secties: afleveradres, factuuradres, bezorgvoorkeuren. Zonder groepering navigeert een schermlezergebruiker door tientallen losse velden zonder context.

Related Posts

Knop met icoon en tekst, maar aria-label vervangt alles

Knop met icoon en tekst, maar aria-label vervangt alles

Een knop. Disketje-icoon. Daarnaast: “Opslaan.” De developer dacht: laat ik een uitgebreider aria-label toevoegen. “Sla het huidige document op naar de server.”

"Welkom" zegt niets

"Welkom" zegt niets

“Welkom.” “Pagina 1.” “Home.” “Untitled Document.” Dat zijn titels die ik regelmatig tegenkom. Ze bestaan. Ze zijn niet leeg. Maar ze zeggen niets.

Labels

Labels

Klik eens op het woord naast een checkbox. Als er niks gebeurt, is het label niet gekoppeld aan het invoerveld. Dat is een gemiste kans, niet alleen voor toegankelijkheid, maar voor iedereen.