quarto-dev / quarto-dev/quarto-cli

a11y: listing category filter links fail color-contrast

Open Beginner friendly
#14,381 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

accessibility bug themes
Dominant language
JavaScript
Stars
6k
Forks
458
Avg merge
1d 9h
Merged PRs (30d)
41

Description

Reported in #14373.

Repro: https://github.com/alexpghayes/quarto-accessibility-reprex (post/post-1)

axe rule: color-contrast · impact: serious · tag: wcag2aa (1.4.3)
Target: a[href$="index.html#category=cat1"] and siblings — category filter links rendered above the post body.

The contrast ratio between the category link text and the page background falls below WCAG AA 4.5:1 under the default Cosmo-ish theme. Affects multiple category links on posts that declare categories.

Part of #8706.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked reproduction at quarto-accessibility-reprex, specifically post/post-1, and inspect the category filter links matching the reported selector above the post body. Verify the affected links against the axe color-contrast rule and confirm that their contrast reaches the WCAG AA 4.5:1 requirement under the default Cosmo-ish theme.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
accessibility, frontend, web-dev
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Clearly specified
Newbie friendliness
76/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.