Customizer: controls description inside labels are not real labels nor descriptions
|Reported by:||afercia||Owned by:|
Splitting this out from #32493 (which changed its scope)
I'd propose to investigate about the Customizer controls descriptions. Currently, they're inside the label element. The result is they're not a proper form label, since labels should be short. Longer descriptions should be associated with form controls using aria-describedby.
As consequence for accessibility: as soon as a form control is focused, its label gets read out. In the following example from the new "Site Icon" functionality in 4.3, all the text highlighted in the blue box will be read out but the actual button text "Select File" won't. Buttons can have labels, that's correct HTML, but of course the label text will override the button text.
Not to mention all the label text is clickable and will activate the button when clicked.
Same for input fields, the control description used as label will be read out as... a label.
Change History (32)
19 months ago
19 months ago
- Keywords needs-patch added
- Milestone changed from Awaiting Review to 4.4
17 months ago
- Owner changed from valendesigns to afercia
- Status changed from assigned to reviewing
7 months ago
6 months ago
- Keywords needs-testing removed
- Milestone changed from 4.7 to Future Release
- Owner westonruter deleted