This open-source repository provides a collection of ready-to-use and customizable Constellation DX components. Use this resource to gain inspiration, best practices, and a solid foundation for implementing custom components.
Radio button used for selecting a column in compare table does not announce column heading as contextual label.
Assistive technology used: Mac VoiceOver
Steps to reproduce
Press tab to focus on first select radio button in compare table.
Observe screen reader announcement
Screen reader announces
Select, selected, radio button, 1 of 3
Press 'right arrow' and the focus moves to next radio button in column 2. The announcement changes to
Select, selected, radio button, 2 of 3
As obsereved in step 3 and 4, only the Radio button label 'Select' is announced with no context about the column header in the table. This makes it inaccessible and difficult to figure out which item is being selected.
Issue
Radio button used for selecting a column in compare table does not announce column heading as contextual label. Assistive technology used: Mac VoiceOver
Steps to reproduce
tab
to focus on first select radio button in compare table.Select, selected, radio button, 1 of 3
Select, selected, radio button, 2 of 3