Changes between Initial Version and Version 1 of Ticket #9628


Ignore:
Timestamp:
Oct 28, 2013, 8:48:34 AM (8 years ago)
Author:
tj.vantoll
Comment:

Hi dylanb,

Using role=button instead of role=radio

Seems sensical and easy enough.

The hidden radio button elements are still visible to the screen reader and so you get duplicated announcements

What screen reader are you seeing this in? I cannot recreate this in VoiceOver.

The hidden radio button elements are keyboard accessible and so the keyboard focus disappears for keyboard only users

This seems valid, we should probably try to preserve the default outline.

The buttons themselves are not keyboard accessible because of missing tabindex

I'm confused about this because you can absolutely interact with the radio buttons with the keyboard. Could you give more details here?

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #9628

    • Property Keywords a11y added
    • Property Status changed from new to open
    • Property Summary changed from UI button - radios are not screen reader and keyboard accessible to Button: radios are not screen reader and keyboard accessible
  • Ticket #9628 – Description

    initial v1  
    11The radio button implementation (see demo) is not screen reader accessible due to a number of issues.
    22
    3 1) Using role=button instead of role=radio
    4 2) The hidden radio button elements are still visible to the screen reader and so you get duplicated announcements
    5 3) The hidden radio button elements are keyboard accessible and so the keyboard focus disappears for keyboard only users
    6 4) The buttons themselves are not keyboard accessible because of missing tabindex
     3* 1) Using role=button instead of role=radio
     4* 2) The hidden radio button elements are still visible to the screen reader and so you get duplicated announcements
     5* 3) The hidden radio button elements are keyboard accessible and so the keyboard focus disappears for keyboard only users
     6* 4) The buttons themselves are not keyboard accessible because of missing tabindex
    77