[WAVE Accessibility] Banner (Overlay variation) - Very low contrast

Created on 13 October 2023, about 1 year ago

Updated 20 October 2023, about 1 year ago

Problem/Motivation

Test Case executed: Banner
WAVE reported: Very low contrast between text and background colors.

<h2 style="color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);">
Test Heading</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

Steps to reproduce

Add a Banner with the Overlay variant

Proposed resolution

As per https://stackoverflow.com/a/61790677/2566038:

A CSS background color that provides sufficient contrast must be defined when a background image is in place

🐛 Bug report

Status

Fixed

Version

1.1

Component

Code

Created by

🇺🇸United States froboy Chicago, IL

Live updates comments and jobs are added and updated live.

Comments & Activities

Issue created by @froboy
Comment about 1 year ago →
🇺🇸United States froboy Chicago, IL
Putting the fix here while drupalcode is down. Will need to apply the patch and then compile.
@froboy opened merge request.
Status changed to Needs review about 1 year ago6:48pm 18 October 2023
Comment about 1 year ago →
🇺🇸United States froboy Chicago, IL
@froboy opened merge request.
Status changed to Fixed about 1 year ago6:17pm 20 October 2023
Comment about 1 year ago →
🇺🇸United States froboy Chicago, IL
Comment about 1 year ago →
System Message
Automatically closed - issue fixed for 2 weeks with no activity.

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024