Commit c8d93b5
authored
Fix WCAG AA color contrast: muted text and appendix links (light theme) (#2102)
* Fix WCAG AA color contrast for muted text and appendix links (light theme)
Two axe color-contrast findings (WCAG 2.0 AA 1.4.3, serious):
- Blockquotes, captions, asides render at #6d7a86 on white (4.39:1).
Quarto's body-secondary mixin defaults to theme-dim($body-color, 25%)
but honors $body-secondary when defined; set it to $text-muted (4.83:1).
- Footnote back-links render at an effective #4d80a8 (4.22:1) because
Quarto fades appendix content to opacity .9. Darken the link custom
property inside the appendix so the blended color is ~5.25:1, scoped
to body.quarto-light so it can't leak into dark mode.
* Undo appendix opacity fade instead of hardcoding a darker link color
Mirrors Quarto's appendix selector and sets opacity: 1 in the light
theme, fixing contrast for all appendix links and text with no color
constants. The dark stylesheet re-asserts Quarto's .9 by cascade.
* Don't presume the form of an upstream fix in the comment1 parent b3731a4 commit c8d93b5
1 file changed
Lines changed: 21 additions & 0 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
2 | 2 | | |
3 | 3 | | |
4 | 4 | | |
| 5 | + | |
| 6 | + | |
| 7 | + | |
| 8 | + | |
| 9 | + | |
| 10 | + | |
| 11 | + | |
5 | 12 | | |
6 | 13 | | |
7 | 14 | | |
| |||
10 | 17 | | |
11 | 18 | | |
12 | 19 | | |
| 20 | + | |
| 21 | + | |
| 22 | + | |
| 23 | + | |
| 24 | + | |
| 25 | + | |
| 26 | + | |
| 27 | + | |
| 28 | + | |
| 29 | + | |
| 30 | + | |
| 31 | + | |
| 32 | + | |
| 33 | + | |
13 | 34 | | |
14 | 35 | | |
15 | 36 | | |
| |||
0 commit comments