Skip to content

The color contrast ratio of the "AB" text with the background is 2.8479:1, which is below the required 4.5:1 #382

@AnKushSingh05

Description

@AnKushSingh05

GitHub Tags
#A11yTCS; #A11yMAS; #A11ySev2; #DesktopApp; #FTP; #Win32; #DocumentDB for VS Code Extension; #SH_DocumentDB_Win32_NOV2025; #WCAG1.4.3;#Contrast;

Environment Details:
Application Name: DocumentDB for VS Code Extension
Version 0.6.0
OS: Windows 11[Version 23H2(OS Build 22631.3593)]

Repro Steps:

  1. Open VS code
  2. Install the DocumentDB for VS Code Extension and open it
  3. Navigate to the DocumentDB Connections area.
  4. Click the New Connection action.
  5. Select Connection String as the connection method.
  6. Paste the connection string when prompted.
  7. Choose to authenticate with username/password and enter the credentials
  8. Confirm to create the connection.
  9. Locate the desired cluster in the DocumentDB Connections list.
  10. Expand the cluster entry to initiate the connection.
  11. Expand one of the databases under the cluster.
  12. Expand a collection within that database.
  13. Select the Documents item for that collection.
  14. Collection View will open
  15. Observe the issues The color contrast ratio of the "AB" text with the background is 2.8479:1, which is below the required 4.5:1.

Actual Result:

The color contrast ratio of the "AB" text with the background is 2.8479:1, which is below the required 4.5:1.

Expected Result:
Adjust the text and background colors to achieve a contrast ratio of at least 4.5:1.

User Impact:
Users with visual impairments or low vision may struggle to read the "AB" text due to insufficient contrast between the foreground and background colors. This creates usability challenges, especially in environments with glare or low lighting.
Users may miss critical information or functionality due to unreadable text.

Attachment

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    a11yAccessibility Issues

    Type

    No type

    Projects

    Status

    No status

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions