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:
  1. 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 ATOM feed


Andrew Kirkpatrick <akirkpat@adobe.com>, Alastair Campbell <acampbell@nomensa.com>, Chairs, Michael Cooper <cooper@w3.org>, Shadi Abou-Zahra <shadi@w3.org>, Shawn Henry <shawn@w3.org>, Ruoxi Ran <ran@w3.org>, Staff Contacts
Tracker: documentation, (configuration for this group), originally developed by Dean Jackson, is developed and maintained by the Systems Team <w3t-sys@w3.org>.
$Id: index.php,v 1.326 2018/10/13 17:29:51 vivien Exp $