WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: One of these <select> dropdowns is required, but not all

for

From: Henry, Michael (IntelliDyne)
Date: May 4, 2017 5:52AM

Thanks, Birkir.

Yes, there is a message for sighted users that at least one selection is required (along with giant "or" blocks in between each <select>). I'll repeat that in the sr-only <legend>, making it clear.

In your scenario of marking all as required (via HTML attr) and removing with JS, how would you inform the non-sighted user that there was a change? Seems a little hairy to me.
Partially-unrelated question: My understanding was that as people tab through a form, they skip non-label instructional text. Is that true? For instance, they'd not see the "or" blocks.

(Sorry. I'm very new to this stuff. Trying to learn on the run!)


thanks,

Mike

From: WebAIM-Forum < <EMAIL REMOVED> > on behalf of Birkir R. Gunnarsson < <EMAIL REMOVED> >
Sent: Wednesday, May 3, 2017 2:35 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] One of these <select> dropdowns is required, but not all

In my experience aria-required does not work on fieldsets (it does
work on role="radiogroup"), but it's been awhile since I tested.
Do you give sighted users any indication that they have to select from
at least one of the dropdowns?

If so, and if you do it in a legend for a fieldset or just in
instructional test on the form, I'd say that's sufficient.
Another thing you could do is to use the HTML required attribute on
all <select> elements in the section, and have JavaScript remove it
once user has selected from one of them.
It iss a bit of a hack, and you'd have to test it, but it has the
advantage that you are giving all users info and realtime feedback.


WebAIM: Web Accessibility E-mail List Archives<http://webaim.org/discussion/archives>;
webaim.org
© 2017 WebAIM. Center for Persons with Disabilities Utah State University 6807 Old Main Hill Logan, UT 84322-6807 435.797.7024