Nickname:
Title:
State: OPEN CLOSED
Product: None HTML & ARIA Techniques TF Ready to survey
Raised By: Jake Abma Shadi Abou-Zahra Charles Adams Tolu Adegbite Amani Ali Qing An Perrin Anto Vicki-Jane Appleton Jonathan Avila Poornima Badhan Subramanian Bruce Bailey Aditya Bajaj Mackenzie Banks Andrew Barakat Jared Batterman Jonathan Bell Marie Bergeron Renaldo Bernard Jeff Bernier Bhoomika Bhagchandani Mahesh Bharadava Daniel Bjorge Chris Blouch Richard Boardman Paul Bohman Fernanda Bonnin Peter Bossley Trevor Bostic Kent Boucher Denis Boudreau Rachael Bradley Montgomery Rain Breaw Michaels Katy Brickley Sally Britnell Thomas Brunet Jonathan Buonaspina Shari Butler Sheri Byrne-Haber Alastair Campbell Laura Carlson Mario Chacón-Rivas Sukriti Chadha Jennifer Chadwick Devanshu Chandra Rafal Charlampowicz Julia Chen Aaron Chu Vivienne Conway Michael Cooper James Craig Will Creedle Santina Croniser Meenakshi Das Abbey Davis Phil Day Jan Jaap de Groot Jennifer Delisi Romain Deltour Chaohai Ding Melissa Douros E.A. Draffan Catherine Droege Carlos Duarte Kenny Dunsin Michael Elledge Kathy Eng Ilknur Eren Mitchell Evan Steve Faulkner David Fazio Anthony Fernando Reinaldo Ferraz Wilco Fiers Detlev Fischer John Foliot Betsy Furler Chus Garcia Matt Garrish Jaunita George Michael Gilbert Ela Gorla Michael Gower Garry Grant Danielle Guzman-Orth Markku Hakkinen Charles Hall Katie Haritos-Shea Daniel Harper-Wain Ronny Hendriks Shawn Lawton Henry Eric Hind Corey Hinshaw Olivia Hogan-Stark Isabel Holdsworth Tony Holland Sarah Horton Jigna Islaniya Abi James Stephen James Mary Ann (MJ) Jawili Tobias Christian Jensen Sunil Jolapara Wilhelm Joys Andersen Shilpi Kapoor Rashmi Katakwar Thorsten Katzmann Michael Keane Oliver Keim Ian Kersey Albert Kim Kris Anne Kinney Andrew Kirkpatrick John Kirkwood Peter Korn Jennifer Korth JaEun Jemma Ku Preety Kumar Sujasree Kurapati Raja Kushalnagar Kyle Lachance Michelle Lana Anastasia Lanz Patrick Lauke Shawn Lauriat Robin Lazrus Gez Lemon Laurence Lewis Todd Libby biao liu Chris Loiselle Stephanie Louraine David MacDonald Amanda Mace Sazzad Mahamud Daniele Marano Loïc Martínez Normand Scott McCormack Jan McSorley David Middleton Laura Miller Suzie Miller Daniel Montalvo Rebecca Monteleone Mary Jo Mueller Jay Mullen Thomas Murray Cristina Mussinelli Chaals Nevile Andrew Nevins Gundula Niemann Shikha Nikhil Dwivedi Briley O'Connor Sam Ogami Achraf Othman Jo Otterbein Shuxin Ouyang Caryn Pagel Sailesh Panchang Charu Pandhi Justine Pascalides Aparna Pasi Breixo Pastoriza Barcia Kimberly Patch Gregorio Pellegrino Vijaya Gowri Perumal Hedda Peters Christos Petrou Melanie Philipp Mike Pluke Ian Pouncey Ruoxi Ran Julie Rawe Kai Recke Wendy Reid John Rochford Scott Rubenstein Cybele Sack Shrirang Sahasrabudhe Janina Sajka Muhammad Saleem Tammy Salomon Regina Sanchez Kimberly Sarabia Andreas Savva Stefan Schnabel Lisa Seeman-Horwitz John Sherrod Tzviya Siegman Glenda Sims Avneesh Singh David Sloan Ian Smith Andrew Somers Arthur Soroken Jeanne F Spellman Levon Spradlin Kiara Stewart Francis Storr Jennifer Strickland mancang sun David Swallow Suzanne Taylor Sara Temby Mikayla Thompson Shawn Thompson Ben Tillyer Bryan Trogdon Makoto Ueki Jatin Vaishnav Gregg Vanderheiden Sam Waller Léonie Watson Christopher Weidner Anna Wheler Fridolin Wild Gian Wild David Williams Jan Williams Chris Wilson Nicole Windmann Sarah Wood Lisa Yoder Kun Zhang Helen Zhou 骅 杨 David MacDonald
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.
Add notes (no markup allowed, URIs get automatically hyperlinked):
No User notes.