Contrib.social

The styling of the new installed button is not inline in light and broken in dark mode

Open on Drupal.org →
Created on 9 January 2025, 12 days ago

Problem/Motivation

i have to admit i'Ve only tested ✨ Communicated the status/state of a module in one of the upper corners of a module card Needs review in claro. While testing the bulk action MR i've noticed the styling of the installed button is kind of off in Gin:

in lightmode you have the checkmark and the installed label with a green "chip" component that makes it look like a button sort of, while in claro there is no chip.

in darkmode you also have the checkmark, the installed label with a green chip underneath, but the only problem, neither the chip nor the button label have a high enough color contrast. it is barley recognizable it is a homogenous greenish blob.

since the button is not clickable and should not have any affordance i guess there is no need that the chip has to meet SC1.4.11 plus claro is also not using that kind of chip styling, therefore i would consider the chip negelectable. but the button label on the other hand is mandatory and has to meet SC1.4.3 which requires a color contrast of at least 4.5:1 against the background color. and strictly speaking the checkmark might need a high enough color contrast as well.

Steps to reproduce

Proposed resolution

make sure that the checkmark and the button label is visible with a high enough contrast in light and dark mode and decide about the chip design.

🐛 Bug report
Status

Active

Version

2.0

Component

User experience

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

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024