Inline hints method 5: The aria-labelledby
attribute
Home | Full results | Github page
In some cases, it is not possible to wrap the label around the form control or hint. The aria-labelledby
can be used to explicitly associate the hint with the form control using matching aria-labelledby
and id
values.
Example
Markup
Results
In all cases, the aria-labelledby
content is announced but the label content is ignored.
OSX Voiceover | Windows NVDA | Windows JAWS | ||||||
---|---|---|---|---|---|---|---|---|
Chrome | Safari | Opera | Chrome | Firefox | Edge | Chrome | Firefox | Edge |
FAIL | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL |