Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.09:1. Recommendation: change text colour to #6f747a.
Selector: html > body > main > section:nth-child(2) > div > div > pre > code > span:nth-child(4)
Context: <span class="c"># open http://localhost:4000/du...</span>
Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.79:1. Recommendation: change text colour to #1277bf.
Selector: html > body > main > section:nth-child(2) > div > div > pre > code > span:nth-child(3)
Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.09:1. Recommendation: change text colour to #6f747a.
Selector: html > body > main > section:nth-child(2) > div > div > pre > code > span:nth-child(2)
Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.09:1. Recommendation: change text colour to #6f747a.
Selector: html > body > main > section:nth-child(2) > div > div > pre > code > span:nth-child(1)
Context: <span class="c"># Download and Install</span>
Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 4.45:1. Recommendation: change background to #fcfcfc.
Selector: html > body > main > section:nth-child(2) > div > div > pre > code
Context: <code><span class="c"># Download and ...</code>
The user @carlsonsantana validate your site template "https://chibicode.github.io/duo" and found these accessibility errors:
html > body > main > section:nth-child(2) > p:nth-child(11) > a
<a href="https://github.com/chibicode/duo" class="github-corner"><svg width="80" height="80" vie...</a>
html > body > main > section:nth-child(2) > div > div > pre > code > span:nth-child(4)
<span class="c"># open http://localhost:4000/du...</span>
html > body > main > section:nth-child(2) > div > div > pre > code > span:nth-child(3)
<span class="nb">exec </span>
html > body > main > section:nth-child(2) > div > div > pre > code > span:nth-child(2)
<span class="c"># Run</span>
html > body > main > section:nth-child(2) > div > div > pre > code > span:nth-child(1)
<span class="c"># Download and Install</span>
html > body > main > section:nth-child(2) > div > div > pre > code
<code><span class="c"># Download and ...</code>
You can check these accessibility errors using pa11y. You can view the full validation results in our website.