Skip to content

Color is the only way used to indicate the selected state of Toolbar buttons in Quill editor in windows. #4820

Description

@msftedad

Test Environment:
OS: Windows 11 version 25H2 (OS Build 26200.8893)
Browsers: Edge (Version 150.0.4078.65), Chrome (Version 150.0.7871.129)
URL: https://quilljs.com/playground/snow

User Impact:
Keyboard-only users and users with low vision may be unable to identify which toolbar button is currently selected because color is the only visual indicator used to convey the selected state. This can make formatting actions difficult to understand and use, leading to confusion and reduced accessibility.

Repro Steps:

  1. Open the URL: https://quilljs.com/playground/snow in edge/chrome browser.
  2. Quill page will appear.
  3. Press tab key to reach to the toolbar buttons.
  4. Verify whether Color is the only way used to indicate the selected state of Toolbar buttons in Quill editor in windows or not.

Actual Result:
Color is the only way used to indicate the selected state of Toolbar buttons in Quill editor in windows.

Refer Attachment:

  1. Color is the only way used to indicate the selected state of Toolbar buttons in Quill editor in windows.png
  2. Color is the only way used to indicate the selected state of Toolbar buttons in Quill editor in windows.mp4

https://github.com/user-attachments/assets/faf18353-cc31-49d3-acf2-514d862c78a1
Image

Expected Result:
The selected state of toolbar buttons should be conveyed through more than just color. An additional visual indicator such as a border, check mark, icon change, highlight or underline should be provided.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions