Improve the “Skip to main content”-link

Created on 13 February 2025, about 2 months ago

Problem/Motivation

  • In dark mode the label for the “Skip to main content” link has a too low color contrast against the background color, SC1.4.3 is not met (See the table in
    https://docs.google.com/spreadsheets/d/1won35PxhRFexJYE8FmZ4DCNTo7xEAxC8... or for more details).
  • The focus outline for the "Skip to main content" link uses the Claro green focus outline instead of the currently selected focus color for Gin.

Discussed and iterated on the issue with @mgifford, @the_g_bomb, @katannshaw, and @drupa11y

Steps to reproduce

  • Go to admin/appearance/settings/gin and press the tab button to get to the “Skip to main content” link.
  • Switch to the dark mode, save the configuration, and tab again to get to the “Skip to the main content” link.

Proposed resolution

  • Increase the color contrast of the “Skip to main content” link label to have a color contrast of at least 4.5:1 against the background color in dark mode.
  • Use the currently selected focus color for the “Skip to main content" link instead of Claro green.

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report
Status

Active

Version

4.0

Component

User interface

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

Production build 0.71.5 2024