Context:
Per the most recent color contrast checker run, there are about 20 color contrast violations in the top 100 wikipedia pages related to Template:Quote_box.
Issue Details:
Skin: Minerva (Night Mode)
Problem Area: Template:Quote_box.
Steps to Reproduce:
Go to this sample page
Paste below into DevTools to view an sample:
// Select the desired element
const targetElement = document.querySelector("div.mw-content-ltr.mw-parser-output > section.mf-section-2.collapsible-block > div.quotebox.pullquote.centered > blockquote.quotebox-quote.left-aligned > p");
// Check if the element is found
if (targetElement) {
// Scroll to the element
targetElement.scrollIntoView({ behavior: 'smooth' });
// Apply red outline style after scrolling
targetElement.style.outline = '2px solid red';
} else {
console.error('Element not found');
}Expected Result:
The text and background colors within the infobox should have a WCAG 2.0 level AA contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.
Actual Result
Screenshots of color contrast issues.
QA Results - Beta
| AC | Status | Details |
|---|---|---|
| 1 | ❌ | T357735#9613573 |
QA Results - Prod
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T357735#9628806 |
