Skip to main content

Search and Top Navigation

#9629 open bug ()

Opened October 27, 2013 04:42PM UTC

Last modified October 29, 2013 12:35AM UTC

Button: checkboxes get duplicate announcements on screen readers

Reported by: dylanb Owned by:
Priority: minor Milestone: none
Component: ui.button Version: 1.10.3
Keywords: a11y Cc:
Blocked by: Blocking:

When using DOM navigation, both the button and the checkbox for each element are available to the screen reader, leading to confusion as to what is going on.

Best approach to fixing these would be to get rid of the fake button role and set aria-hidden="true" on these visible elements to take them out of the screen reader's visibility

Attachments (0)
Change History (2)

Changed October 28, 2013 12:53PM UTC by tj.vantoll comment:1

keywords: → a11y
status: newopen
summary: UI button: checkboxes not screen reader accessibleButton: checkboxes get duplicate announcements on screen readers

Changed October 29, 2013 12:35AM UTC by dylanb comment:2

Actually, I am going to revise my recommendation here based on the fact that the element in question is the label of the checkbox. You cannot set it to aria-hidden="true", you will either have to hide the input elements and implement role=checkbox and associated attributes on the label elements and track the status in the hidden inputs, or you will have to simply leave the labels as label elements and allow the user to continue to interact with the checkboxes