Fix a11y issue for the close button introduced with shepherd 13

Created on 20 November 2024, 4 months ago

Problem/Motivation

There are currently two problems with the close button that seem to be (re)introduced with the upgrade to shepherd 13.x:

  • the color contrast of the button is rgba(128, 128, 128, 0.75) against the white background which is a color contrast of 2.6:1, the minimum requirement would be 3:1 to meet WCAG2.2. SC1.4.11 (on hover the contrast is fine)
  • the target size (the span has 20px by 38px the button 20px by 18px) is smaller than at least 24px by 24px to meet WCAG 2.2. 2.5.8 - a regression of 🐛 Increase the target size of the cancel button Fixed

Steps to reproduce

Proposed resolution

Increase the color contrast and the target size

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report
Status

Active

Version

2.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