Skip to content
This repository was archived by the owner on Mar 13, 2025. It is now read-only.
This repository was archived by the owner on Mar 13, 2025. It is now read-only.

Accessibility Bug: Multiple links on Community Dashboard do not have proper contrast. #267

Open
@CorgiDev

Description

@CorgiDev

The "Member Since" text located under the origin country on the user's profile, along with the labels indicating the tracks they are on, are not of a high enough contrast ratio to meet ADA and Section 508 requirements.

Steps to Reproduce:

  1. Login to TopCoder.
  2. Navigate to the Community page using the relevant link from the top navigation.
  3. Select the My Profile page of the Community page.
  4. Use the ANDI bookmarklet tool created by the Social Security Administration.
  5. Select the "Color Contrast" option from the ANDI menu.
  6. View the blue links on the Community page.

Actual Result:
The text is 2.99:1 contrast ratio. As a result, the text fails AA compliance and thus could be hard to view for user's with low vision or colorblindness.

Expected Result:
Text should offer enough contrast with the background to be at least AA compliant for ADA and Section 508 compliance compliance. Minimum contrast for text is 4.5:1.

Screenshots or screencast URL: View screenshot of issue

Device/OS/Browser Information: Desktop / Windows 11 (Build 22454) / Edge (Version 94.0.992.31)

Suggested Solution:
If you change the color of the font to hex #767677, it will be dark enough to provide the appropriate contrast ratio based on the size of the text and the color of the background.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions