Input with multiple explicit label elements associated

[giacomo-petri]

Related to this: #108

What should happen if multiple label elements have the same for value?

Example:

<label for="test">This</label>
<label for="test">is</label>
<label for="test">a</label>
<label for="test">test</label>
<input type="text" id="test">

Browsers handle the calculation of the accessible name for the input inconsistently:

• Chrome concatenates the strings "This is a test"
• Safari uses only the first label, "This"
• Firefox concatenates the strings "This is a test"

The accessible name algorithm relies on the host language "return that alternative in the form of a flat string as defined by the host language." However, the host language is not clear on this, and browser behavior is inconsistent.

Should we address this inconsistency? Should we request that the HTML specifications clarify this?

Once a decision is made, it might be useful to create a WPT issue to test the behavior (I can take care of this).

[scottaohara]

This is defined in html aam

I have a pr open now that cleans up the language a bit, but the current text is:

Otherwise use the associated label element or elements accessible name(s) - if more than one label is associated; concatenate by DOM order, delimited by spaces.

[giacomo-petri]

Thank you @scottaohara! I've missed it. Opening WPT if not already existing.

[scottaohara]

i "think" @adampage or @rahimabdi might have worked on wpts for this? i might be wrong. i can't check myself right now - but maybe look for PRs from them before starting up a new one?

[JAWS-test]

https://scottaohara.github.io/tests/html-inputs/double-label.html

[scottaohara]

Ha. I didn’t even remember I made that…