Skip to content

Actions menu icon color lacks sufficient color contrast  #840

@benhammondmusic

Description

@benhammondmusic

Using a color picker, the measured color of the is #DADADA, which when I plugged it into a calculator https://webaim.org/resources/contrastchecker/ gives a contrast ratio of 1.39:1. "WCAG 2.1 requires a contrast ratio of at least 3:1 for graphics and user interface components"

This is caused by the reduced opacity whenever the menu isn't hovered, resulting in a control that could be difficult for some users to see. Proposal to at least provide darker color for users who request high-contrast mode, and ideally should style in a way that meets minimum color contrast guidelines for interactive graphics
Screen Shot 2022-01-19 at 9 22 06 AM

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