ISSUE-28: Nested form fields in radio groups
nested-form-in-radio
Nested form fields in radio groups
- State:
- OPEN
- Product:
- HTML & ARIA Techniques TF
- Raised by:
- David MacDonald
- Opened on:
- 2014-06-26
- Description:
- I had an action item to articulate a discussion about 5.1 HTML 5 A11Y TF regarding nesting form fields in radio groups.
Recently during WCAG evaluations I've been finding quite a few radio groups with nested form fields.
I have a couple of mock up examples here http://davidmacd.com/test/form-field-nested-in-radio-list.html
It is very difficult for screen readers users to navigate this. Let's assume developers don't want to place the nested element below the radio group either dynamically via show/hide (when the pertinent radio button is selected) or statically (always visible). Placing an aria-label on the drop down doesn't seem to help either.
I'd argue it is a very bad UI design to do this and that it should be redesigned with the nested fields below the radio group. Unfortunately, many devs seem to like it. Currently, I would fail it in WCAG. Do we need an explicit failure technique in WCAG or in the HTML 5.1 spec. Is there something we can do using existing accessibility structures to fix it (create a positive technique), while keeping the layout. - Related Actions Items:
- No related actions
- Related emails:
- WCAG-ISSUE-28 (nested-form-in-radio): Nested form fields in radio groups [HTML & ARIA Techniques TF] (from sysbot+tracker@w3.org on 2014-06-26)
Related notes:
No additional notes.
Display change log
