WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Clarification on forms mode of screen readers

for

From: Megginson, Jason
Date: Jul 8, 2016 10:53AM


I took his snippet of code (the entire label and all child elements) and recreated it locally. I moved the closing </label> tag in the HTML source at the end of the on-screen label text. As a result, the screen reader then excludes all of the combo box options within the accessible name as you would expect; the MSAA Object Inspector as well.

Léonie is correct. The page is explicitly associating the label to the select element via the for attribute. This is good. What I'm suggesting to alleviate this from happening for users with the IE 11 browser is to move the closing label tag per the terse code example below (note my example also suggests a method to denote the inline language change because it bothers me that it isn't there):

<label for="selectCountry">Select your country of residence | <span lang="es">Seleccione su país de residencia</span></label>
. . . <select id="selectCountry">. . .</select>. . .

Again, I wouldn't call this a JAWS issue nor a parsing/validation violation of WCAG 2.0 4.1.1.

I personally chalk this up as an IE issue but would suggest to developers to simply reposition the closing label tag to avoid this altogether.

Jason