Skip to content

Improve Contrast and Visibility of "Test Cases" Button on Sorting Visualization Page #615

Description

Current Behavior -
The "Test Cases" button uses a dark grey background with dark text/icons, resulting in low contrast and reduced readability. The button label is difficult to identify at a glance, especially compared to other interactive elements on the page.

**Expected Behavior - **
The "Test Cases" button should have sufficient contrast between its background and text/icon colors to ensure clear visibility and accessibility.

Suggested Fix -

  • Update the button's color scheme to improve contrast.
  • Ensure the text and icon remain easily readable across different devices and screen brightness levels.
  • Follow accessibility guidelines for color contrast in UI components.
  • Impact
  • Improves readability and accessibility.
  • Makes the button easier to locate and interact with.
  • Provides a more consistent visual experience across the Sorting Visualization page.

Labels: bug, ui/ux, frontend, accessibility, gssoc, good first issue

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions