Seems like we're pulling code CSS but not clear where or if we're using a unified style.
What's the best way to add a code.css file here and then reference everywhere?
The reason I ask is that there are contrast issues with it (see below).
--
Issue
Accessibility: Background and foreground colors do not have a sufficient contrast ratio.
About
Content legibility can be improved by passing the following audits:
-
Background and foreground colors have a sufficient contrast ratio: Low-contrast text is difficult or impossible for many users to read.
-
Links are distinguishable without relying on color: Low-contrast text is difficult or impossible for many users to read. Link text that is discernible improves the experience for users with low vision.
Expectation
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
Page
Issues
| Label |
Snippet |
Selector |
Explanation |
| repo-scangov-project |
<code class="language-plaintext highlighter-rouge"> |
div.post > ul > li > code.language-plaintext |
Fix any of the following: Element has insufficient color contrast of 3.98 (foreground color: #d63384, background color: #13171f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 |
| repo-standards |
<code class="language-plaintext highlighter-rouge"> |
div.post > ul > li > code.language-plaintext |
Fix any of the following: Element has insufficient color contrast of 3.98 (foreground color: #d63384, background color: #13171f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 |
| #feedback |
<code class="language-plaintext highlighter-rouge"> |
div.post > ul > li > code.language-plaintext |
Fix any of the following: Element has insufficient color contrast of 3.98 (foreground color: #d63384, background color: #13171f, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 |
Issue type: color-contrast
Documentation
Seems like we're pulling code CSS but not clear where or if we're using a unified style.
What's the best way to add a code.css file here and then reference everywhere?
The reason I ask is that there are contrast issues with it (see below).
--
Issue
Accessibility: Background and foreground colors do not have a sufficient contrast ratio.
About
Content legibility can be improved by passing the following audits:
Background and foreground colors have a sufficient contrast ratio: Low-contrast text is difficult or impossible for many users to read.
Links are distinguishable without relying on color: Low-contrast text is difficult or impossible for many users to read. Link text that is discernible improves the experience for users with low vision.
Expectation
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
Page
Issues
<code class="language-plaintext highlighter-rouge">div.post > ul > li > code.language-plaintext<code class="language-plaintext highlighter-rouge">div.post > ul > li > code.language-plaintext<code class="language-plaintext highlighter-rouge">div.post > ul > li > code.language-plaintextIssue type: color-contrast
Documentation