Grey button's background color has a too low contrast ratio against page background

Created on 29 March 2022, about 3 years ago
Updated 20 January 2023, about 2 years ago

Problem/Motivation

Across the admin interface there are several pages with buttons with a grey background color, regular buttons as well as drop buttons. all with a background-color of #C1C2C7 on either on a white backgroud #FEFFFE (1.8:1) or light blueish table headers #f3f4f9 (1.6:1). In each case that fails WCAG21 SC 1.4.11 which requires a contrast ratio of 3:1.
I've asked @mgifford for feedback and advice about the buttons cuz I was uncertain if I was overcautious or if it is a necessary step. But he confirmed that the grey buttons either need an outline with more contrast or more contrast for the background color. Either should be fine and he doesn't have a strong preference and he doesn't know which would be best for the design. I'll add aside the Accessibility tag also the needs design tag since aside the change of color there also needs to be some design decision.

Steps to reproduce

- go for example to admin/structure/views/view/content or admin/content
- check the background color of the grey buttons

๐Ÿ› Bug report
Status

Active

Version

10.1 โœจ

Component
Claroย  โ†’

Last updated 1 day ago

Created by

๐Ÿ‡ฉ๐Ÿ‡ชGermany rkoller Nรผrnberg, Germany

Live updates comments and jobs are added and updated live.
  • Accessibility

    It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

Sign in to follow issues

Merge Requests

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024