Links in the tour tip body are visually the same as the rest of the text

Created on 9 February 2017, over 8 years ago
Updated 8 June 2025, 3 months ago

Problem/Motivation

Seven's CSS is written in a way that makes the links in the tip body indistinguishable from the rest of the text:

"I'll teach you more about paragraphs" part is the the link. As the image clearly shows it is almost impossible to notice (unless one hovers it accidentally).

Proposed resolution

The most recent patch in comment #95 applies to both 9.3.x and 9.4.x.

  1. Make the links in the tip body blue as Seven does in the other cases:

    The colour should provide contrast of 4.5:1 against the tour tip background to satisfy WCAG 2.0 success criterion 1.4.3 Contrast (minimum).
  2. Underline the links inside tour tip paragraphs, to satisfy WCAG 2.0 success criterion 1.4.1 Use of color, and avoid F73: Failure of Success Criterion 1.4.1 due to creating links that are not visually evident without color vision.

Steps to reproduce

  1. Enable Language module
  2. Visit /admin/config/regional/language/add
  3. Click Tour in the upper right hand corner
  4. Navigate to the third Tour item. This item has a link.

🐛 Bug report
Status

Needs work

Version

1.0

Component

Code

Created by

🇸🇮Slovenia slashrsm

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