720995 - [Mac] VoiceOver does not see form fields that are nested inside label elements

Status: RESOLVED FIXED

(Core :: Disability Access APIs, defect, P1)

Description

[Marco Zehe (:MarcoZ)]

If a label wraps around  an input, VoiceOver does not see the form field in Firefox, only the label. In Safari, this works fine.

So:

<label for="username">User name:</label><input id="username" />

works, but

<label for="username">User name:<input id="username" /></label>

does not.
Same is true for input @type="checkbox".

A real-life example of this (legal) HTML construct can be seen on the WordPress admin login on each standard WordPress installation.

Comment 1

[Marco Zehe (:MarcoZ)]

This is about missing out on actual interactive content elements. Not even tabbing to them yields any speech, because accessible objects don't seem to be created for these form fields that are wrapped in labels.

Comment 2

[Hubert Figuiere [:hub]]

Attachment: Labels are groups, not text. r=

Comment 3

[Hubert Figuiere [:hub]]

With this patch the form is accessible, but the text spoken is a bit too repetitive. There is probably more tweaking needed I'll add to a revised patch.

Comment 4

[Hubert Figuiere [:hub]]

Comment on attachment 614204 [details] [diff] [review]
Labels are groups, not text. r=

Let's put that one in. The other problem is separate.

Comment 5

[Hubert Figuiere [:hub]]

https://hg.mozilla.org/integration/mozilla-inbound/rev/68416d38fdd0

Comment 6

[:Ms2ger (he/him; ⌚ UTC+1/+2)]

https://hg.mozilla.org/mozilla-central/rev/68416d38fdd0