Skip to content

Improve keyboard accessibility of AutoAdvance toggle #796

Description

@Dananji

Description

AutoAdvance toggle button can be activated using only the Sapce key, but according to the accessibility design pattern in W3C (https://www.w3.org/WAI/ARIA/apg/patterns/switch/) for toggle buttons Enter key should optionally be supported.
And it was suggested in a discussion, that it is expected to work with ArrowRight and ArrowLeft for toggling this ON and OFF, but this is not specified in the design pattern. Therefore this needs to be investigated as part of this work.

Done Looks Like

  • Add highlight (or an appropriate visual effect) to the toggle button when keyboard focus is on the component
  • Add support for Enter key for activation of the toggle button
  • Investigate the use of ArrowRight and ArrowLeft keys to activate this button when focused

Metadata

Metadata

Labels

a11yAccessibility related issues

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions