Mercurial > p > roundup > code
comparison doc/_static/style.css @ 8476:93f9d8622111
doc: update styles to WCAG AAA; add accessibility statement; reword
Update to AA WCAG 2.2 contrast:
in note admonitions, link contrast was too low
in python code examples, comments were too low contrast
Added accessability statement. It is only in the tree and not linked
to the website currently.
Updated install directions for future 2.6 release. Updated paragraph
to make it clearer.
| author | John Rouillard <rouilj@ieee.org> |
|---|---|
| date | Sat, 08 Nov 2025 14:03:42 -0500 |
| parents | c99e37d270b3 |
| children | 695399dea532 |
comparison
equal
deleted
inserted
replaced
| 8475:bc3d3c54e1f0 | 8476:93f9d8622111 |
|---|---|
| 184 */ | 184 */ |
| 185 | 185 |
| 186 /* style */ | 186 /* style */ |
| 187 | 187 |
| 188 :link { color: rgb(220,0,0); text-decoration: none;} | 188 :link { color: rgb(220,0,0); text-decoration: none;} |
| 189 /* improve contrast to AA */ | |
| 190 .admonition.note :link { color: rgb(170,1,1); text-decoration: none;} | |
| 189 :link:hover { | 191 :link:hover { |
| 190 text-decoration: underline solid clamp(1px, .3ex, 4px); | 192 text-decoration: underline solid clamp(1px, .3ex, 4px); |
| 191 text-underline-position: under; | 193 text-underline-position: under; |
| 192 } | 194 } |
| 193 :visited { color: rgb(200,0,0); text-decoration: none;} | 195 :visited { color: rgb(200,0,0); text-decoration: none;} |
| 435 /* Prevent examples from extending outside the viewport */ | 437 /* Prevent examples from extending outside the viewport */ |
| 436 /*div.highlight > pre { | 438 /*div.highlight > pre { |
| 437 overflow-wrap: anywhere; | 439 overflow-wrap: anywhere; |
| 438 white-space: break-spaces; | 440 white-space: break-spaces; |
| 439 }*/ | 441 }*/ |
| 442 | |
| 443 /* improve color contrast to AA against yellowish highlight bg */ | |
| 444 div.highlight .c1 { | |
| 445 color: rgb(3,114,3); | |
| 446 } | |
| 447 div.highlight .na { | |
| 448 color: rgb(220,2,2); | |
| 449 } | |
| 440 | 450 |
| 441 /* Forcing wrap in a pre leads to some confusing line breaks. | 451 /* Forcing wrap in a pre leads to some confusing line breaks. |
| 442 Use a horizontal scroll. Indicate the scroll by using | 452 Use a horizontal scroll. Indicate the scroll by using |
| 443 rounded scroll shadows. | 453 rounded scroll shadows. |
| 444 | 454 |