FazBrowse GitHub Viewer | Trending |
URL:
| Home
Tools: [Download Repo ZIP]   [Original HTTPS Page]

Select - TypeAhead variants - keyboard and screen reader accessibility · Issue #1842 · patternfly/patternfly-react · GitHub

Select - TypeAhead variants - keyboard and screen reader accessibility #1842

Description

The variants of the Select component that include TypeAhead should be updated to support keyboard and screen reader accessibility.

The behavior we have in the PF3 TypeAhead Select works really well, and matches what I would expect for the PF4 implementation. I suggest reviewing how that component is implemented and how it behaves.

One behavior to check out is how the arrow keys are able to change the selected value while focus remains in the input field. The ability to switch between arrow keys and typing is pretty seamless.

The way the PF3 component handles the menu keyboard interaction is different in that they use aria-activedescendant to manage focus instead of tabindex, which is what we have with the original Select variants. Both methods are valid, but the aria-activedescendant method lets you keep focus on the input, but still use the arrow keys to change the selection, which is more appropriate for this case. WAI-ARIA describes this method here: https://www.w3.org/TR/wai-aria-practices-1.1/#kbd_focus_activedescendant.

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions


Back | FazBrowse Home | New Git URL