Skip to content

Accessibility Issue in RichText: Keyboard focus is getting trapped inside Theme color section of Font Color due to which Automatic control not accessible using Shift-Tab key as well as Standard color is not accessible using Tab key same issue with Highlighted color control is getting trapped with tab key and not accessible using "Shift-Tab" #1944

@shashankpatel1542

Description

@shashankpatel1542

User Experience:
Users who depend on keyboard will be impacted if "Automatic" control is not accessible using "Shift-Tab" key after you move inside Theme color picker or Standard Color picker. Keyboard functions and people that are blind or have low vision and people that use keyboard emulators cannot access the content which will confuse them.

Please Note: Standard Color picker is not accessible with pressing tab or arrow key at all.

Actual Result:
"Automatic" control is not accessible using "Shift-Tab" key upon navigating inside Theme color to pick a color.
Issue Reproduce for "No Color" control inside "Highlight color" button of the same dialog.

Expected Result:
"Automatic" control should be accessible using "Shift-Tab" key once you navigate inside Theme color/Standard color.

Image

We observed the focus is getting trapped once you tab inside the theme color and it won't allow to come out of it due to that standard colors section also not accessible for keyboard users

Same issue for Highlighted color as well see attached screenshot, once you go inside color picker you wont able to come back outside using Shift-tab key.

Image

Activity

changed the title [-]Accessibility Issue: Keyboard focus is getting trapped inside Theme color section of Font Color and Highlighted color due to which control is not accessible using "Shift-Tab"[/-] [+]Accessibility Issue in RichText: Keyboard focus is getting trapped inside Theme color section of Font Color and Highlighted color due to which control is not accessible using "Shift-Tab"[/+] on Jan 23, 2025
changed the title [-]Accessibility Issue in RichText: Keyboard focus is getting trapped inside Theme color section of Font Color and Highlighted color due to which control is not accessible using "Shift-Tab"[/-] [+]Accessibility Issue in RichText: Keyboard focus is getting trapped inside Theme color section of Font Color due to which Automatic control not accessible using Shift-Tab key as well as Standard color is not accessible using Tab key same issue with Highlighted color control is getting trapped with tab key and not accessible using "Shift-Tab"[/+] on Feb 19, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @michaelmaillot@shashankpatel1542

        Issue actions

          Accessibility Issue in RichText: Keyboard focus is getting trapped inside Theme color section of Font Color due to which Automatic control not accessible using Shift-Tab key as well as Standard color is not accessible using Tab key same issue with Highlighted color control is getting trapped with tab key and not accessible using "Shift-Tab" · Issue #1944 · pnp/sp-dev-fx-controls-react