Documentatie: toegankelijkheid role="group" voor form field

[Robbert]

De form field van Utrecht is op dit moment een <div> zonder accessible role en zonder label. De component van RVO voegt daar code aan toe: `role="group" aria-labelledby="...".

Is dit een toegankelijk patroon? Ik ken role="group" alleen voor fieldsets. Als dit niet gewenste aanpak is, dan moet dit in de documentatie van form field worden toegevoegd.

• controleren aanpak role="group" voor form fields
• documentatie schrijven over of dit ongewenste markup is, of dat het alternatieve correcte markup is. Ik zou de documentatie toevoegen bij de form field component van Utrecht.

[rianrietveld]

Een role="group" hier plaatsen (om een label/input) met een aria-describedby is hier overbodig. De label/form velden zijn al met elkaar vebonden van for/id. De div is hier puur voor de layout. Een role plus aria-label/aria-describedby zorgt ervoor dat de naam twee keer wordt uitgesproken en dat lijkt me zinloze extra informatie.
First rule of ARIA ....

Niet doen dus, voor een label/input, hier de for/id relatie is voldoende voor het begrip van het formulierveld.
Wil je meerdere formuliervelden grouperen, doe dat dan met een fieldset/legend en niet met een role="group".

Voor het groeperen van button aan het einde van een formulier kan een <ul><li> lijst gebruikt worden.

[sushitommy]

Thanks voor de input, ik ga dit verwerken.

[Yolijn]

Voorstel: verplaats dit issue naar discussions om input uit de community op te halen