search

backdrop / backdrop-issues

Issue tracker for Backdrop core.
144 stars 40 forks source link

Color contrast is insufficient - "Check Manually" button in dashboard #6118

Open AmyJuneH opened 1 year ago

AmyJuneH commented 1 year ago

Description of the bug

Color contrast is insufficient - the "Check Manually" button in the dashboard

The "Check Manually" button in the dashboard has insufficient color contrast. "The color of the text and the color of the background are not in sufficient contrast to each other. The contrast ratio should be at least 4.5:1 for normal text and 3:1 for large text. Note: Contrasts are not relevant where content is hidden. But make sure that for hidden content, which becomes visible when receiving focus, the contrast ratio is sufficient. Insufficient contrast between text and its background can give problems for users with low vision and color blindness, but it can also affect a lot of other users, leading to important text potentially being overlooked."

Results: 2.9 out of a required 4.5 Text color

ffffff / rgb(255,255,255)

Background color

97979e / rgb(151,151,158)

Steps To Reproduce

To reproduce the behavior:

  1. Go to '/admin/dashboard'
  2. Scroll down to the "AVAILABLE UPDATES". The Button is in that block.
laryn commented 1 year ago

This is in the Seven theme (which is the default admin theme currently) and the styling is used for secondary buttons more broadly throughout the interface:

a.button-secondary, input.button-secondary, button.button-secondary
image

and on hover:

image