E-mail List Archives
Re: Dropdown label issue
From: glen walker
Date: Dec 18, 2019 11:20AM
- Next message: glen walker: "Re: [WebAim] custom text ctrl."
- Previous message: Steve Green: "Re: ACR Best Practices"
- Next message in Thread: allyssa jessicon: "Re: Dropdown label issue"
- Previous message in Thread: Maxability A11Y: "Re: Dropdown label issue"
- View all messages in this Thread
If you have a real <label> and it's associated with a real <select> via the
FOR attribute, then when swiping right (assuming you're testing VoiceOver
on iOS) the visible text for the label will not receive direct focus. The
focus moves to the <select>.
<label for="gifts">pick your gift</label>
However, if your label is just text and you're associating the label with
aria-labelledby or some other mechanism, then the text label *can* be
focused separately from the <select>. That's not a violation. The
<select> still has a proper label so 4.1.2 is ok. You just coded it to
allow a separate voiceover "tab stop". Perhaps not a great user experience
but not a violation.
<p id="gift2s">pick your gift</p>
On Tue, Dec 17, 2019 at 10:28 PM allyssa jessicon < <EMAIL REMOVED> >
> Suppose there is a dropdown with item lists 1,2,3 etc. there is a
> visual text to indicate the dropdown name, lets take it as âQuantityâ.
> When I swipe right from the visual text/heading âQuantityâ, screen
> reader is reading âQuantityâ which is hidden and hopefully the label
> of the dropdown, but when I swipe right again now screen reader is
> reading dropdown list ant, is it a WCAG violation? Which SC is
> covering this? Is it Labels or instructions? Any help would be
> > > > >