ISSUE-28: Nested form fields in radio groups


Nested form fields in radio groups

HTML & ARIA Techniques TF
Raised by:
David MacDonald
Opened on:
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

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 on 2014-06-26)

Related notes:

No additional notes.

Display change log ATOM feed

Alastair Campbell <>, Rachael Bradley Montgomery <>, Charles Adams <>, Chairs, Michael Cooper <>, Ruoxi Ran <>, Staff Contacts
Tracker: documentation, (configuration for this group), originally developed by Dean Jackson, is developed and maintained by the Systems Team <>.
$Id: 28.html,v 1.1 2023/05/12 12:39:38 carcone Exp $