Skip to content

Fix contrast of the extensions chooser and listing description links - #2235

Draft
cwickham wants to merge 2 commits into
mainfrom
fix/listing-link-contrast
Draft

cwickham wants to merge 2 commits into
mainfrom
fix/listing-link-contrast

Conversation

@cwickham

@cwickham cwickham commented Sep 29, 2026 •

Copy link
Copy Markdown
Member

Two contrast fixes on the extensions pages.

  • Category chooser tiles. The tiles use a hard-coded #5092dd. On white, this is 3.23:1, and text needs 4.5:1 (WCAG 1.4.3). The tiles now use var(--bs-link-color): 5.15:1 in light mode and 7.27:1 in dark mode.
  • Links in listing descriptions. Quarto's listing-table styles remove link underlines. Only color marks these links, at 2.23:1 against the body text, and they need 3:1 (WCAG 1.4.1). A rule in styles.css underlines them again.

Checked with a full-site axe scan before and after: color-contrast on the tiles (20 instances) and link-in-text-block on the extensions pages (13 instances) are gone. Nothing is new or worse.

Check

The chooser tiles hard-coded #5092dd, which is 3.23:1 on white (WCAG 1.4.3 needs 4.5:1). var(--bs-link-color) gives 5.15:1 in light mode and 7.27:1 in dark mode. Clears axe color-contrast-0f9515 (20 instances on 5 pages).
Quarto's listing-table styles remove link underlines, so description links rely on color alone: 2.23:1 against body text, short of the 3:1 WCAG 1.4.1 needs. Clears axe link-in-text-block-82c7eb and the extensions-page instances of link-in-text-block-7b0c90.
@github-actions

Copy link
Copy Markdown
Contributor

📝 Preview Deployment

🔍 Full site preview: https://deploy-preview-2235.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