Skip to content

Darken the demo boxes on the article layout page - #2239

Draft
cwickham wants to merge 1 commit into
mainfrom
fix/article-layout-table-contrast
Draft

cwickham wants to merge 1 commit into
mainfrom
fix/article-layout-table-contrast

Conversation

@cwickham

@cwickham cwickham commented Sep 29, 2026 •

Copy link
Copy Markdown
Member

The .layout-example boxes on the article layout page have white text on $gray-500 (#adb5bd). This is 2.07:1, and text needs 4.5:1 (WCAG 1.4.3). The boxes now use $gray-600 (#6c757d), which is 4.69:1. Dark mode already has its own override and does not change.

Checked with an axe scan of docs/authoring/article-layout.html before and after: color-contrast (17 instances) is gone. The change is in theme.scss. Only this page uses .layout-example. Full-site scan (all 374 pages, light and dark, before and after all five batch fixes): this finding is gone, and nothing is new or worse.

Check

White on $gray-500 (#adb5bd) is 2.07:1. $gray-600 (#6c757d) gives 4.69:1.
Only docs/authoring/article-layout.qmd uses .layout-example.
@github-actions

Copy link
Copy Markdown
Contributor

📝 Preview Deployment

🔍 Full site preview: https://deploy-preview-2239.quarto.org

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant