Seven inactive vertical tabs do not meet contrast requirements

Created on 16 June 2021, about 4 years ago
Updated 13 June 2025, about 2 months ago

Problem/Motivation

Similar to the issue reported in https://www.drupal.org/project/drupal/issues/2930508 🐛 Seven inactive tabs do not meet WCAG AA 1.4.3 for contrast Needs work , the contrast ratio between the text and background color on inactive tabs is 4.42. It's close, but should be 4.5 or higher.

Steps to reproduce

1. Log into Drupal with the Seven admin theme selected
2. Go to any page using vertical tabs, like /admin/structure/types/manage/article
3. Run an accessibility checker. Observe that the inactive tabs have insufficient contrast.

Proposed resolution

Adjust the background color to be a little lighter, increasing contrast.
The color #f5f4ef comes from comment #15 🐛 Seven inactive tabs do not meet WCAG AA 1.4.3 for contrast Needs work in the related issue 🐛 Seven inactive tabs do not meet WCAG AA 1.4.3 for contrast Needs work , where the conversion from the RGB to hexadecimals is done for the Tabs background color and passes WCAG AA.

🐛 Bug report
Status

Needs work

Version

1.0

Component

Code

Created by

🇺🇸United States kmonahan

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