Elements within tip dialog modals only use browser focus styles instead of the theme focus styles

Created on 20 August 2024, 4 months ago
Updated 9 September 2024, 3 months ago

Problem/Motivation

Steps to reproduce

At the moment tour.module.css has no css rule for if an element within a tip dialog modal gets into focus. the focus in use is the default focus style of the browser. for one that style is not in line with the default focus style in claro (is gin using the same css variables btw? ) and the default browser focus style in my case in safari has a too low color contrast (#93B4FB/#FFFFFF -> 2.1:1, but 3:1 would be required).

Proposed resolution

  • go to admin/appearance
  • open the tour
  • tab

Remaining tasks

Add outline: var(--focus-outline) and box-shadow: var(--focus-box-shadow) for the previous and next button as well as the close button of a tour dialog modal.

User interface changes

API changes

Data model changes

๐Ÿ› Bug report
Status

Fixed

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