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

Created on 13 October 2023, 9 months ago

Updated 20 October 2023, 8 months 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 9 months 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 9 months ago6:48pm 18 October 2023
Comment 9 months ago →
🇺🇸United States froboy Chicago, IL
@froboy opened merge request.
Status changed to Fixed 8 months ago6:17pm 20 October 2023
Comment 8 months ago →
🇺🇸United States froboy Chicago, IL
Comment 8 months ago →
System Message
Automatically closed - issue fixed for 2 weeks with no activity.

contrib.social Blog FAQ Discussions

Production build 0.69.0 2024