You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.72:1. Recommendation: change text colour to #267db1.
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.72:1. Recommendation: change text colour to #267db1.
Selector: html > body > div > main > div > div:nth-child(2) > a
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 1.61:1. Recommendation: change text colour to #767676.
Selector: html > body > div > main > div > div:nth-child(2) > 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.72:1. Recommendation: change text colour to #267db1.
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.72:1. Recommendation: change text colour to #267db1.
Selector: html > body > div > main > div > div:nth-child(1) > p:nth-child(48) > a
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.72:1. Recommendation: change text colour to #267db1.
Selector: html > body > div > main > div > div:nth-child(1) > p:nth-child(47) > a
Context: <a href="https://github.com/citrusui/poole/issues/new">Open an issue.</a>
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.05:1. Recommendation: change background to #101418.
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.05:1. Recommendation: change background to #101418.
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.05:1. Recommendation: change background to #101418.
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.05:1. Recommendation: change background to #101418.
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.71:1. Recommendation: change text colour to #737373.
Selector: html > body > div > main > div > div:nth-child(1) > figure:nth-child(23) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(22)
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 #c34e00.
Selector: html > body > div > main > div > div:nth-child(1) > figure:nth-child(23) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(20)
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 #c34e00.
Selector: html > body > div > main > div > div:nth-child(1) > figure:nth-child(23) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(18)
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.71:1. Recommendation: change text colour to #737373.
Selector: html > body > div > main > div > div:nth-child(1) > figure:nth-child(23) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(15)
Context: <span class="c1">// Call the function</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.71:1. Recommendation: change text colour to #737373.
Selector: html > body > div > main > div > div:nth-child(1) > figure:nth-child(23) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(2)
Context: <span class="c1">// Create a function that takes...</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.71:1. Recommendation: change text colour to #737373.
Selector: html > body > div > main > div > div:nth-child(1) > figure:nth-child(23) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(1)
Context: <span class="c1">// Example can be run directly ...</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.31:1. Recommendation: change background to #fefefe.
Selector: html > body > div > main > div > div:nth-child(1) > figure:nth-child(23) > pre > code > table > tbody > tr > td:nth-child(1) > pre
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 3.89:1. Recommendation: change text colour to #5f5f5f.
Selector: html > body > div > main > div > div:nth-child(1) > p:nth-child(22) > code
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.71:1. Recommendation: change text colour to #737373.
Selector: html > body > div > main > div > div:nth-child(1) > figure:nth-child(21) > pre > code > span:nth-child(22)
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 #c34e00.
Selector: html > body > div > main > div > div:nth-child(1) > figure:nth-child(21) > pre > code > span:nth-child(20)
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 #c34e00.
Selector: html > body > div > main > div > div:nth-child(1) > figure:nth-child(21) > pre > code > span:nth-child(18)
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.71:1. Recommendation: change text colour to #737373.
Selector: html > body > div > main > div > div:nth-child(1) > figure:nth-child(21) > pre > code > span:nth-child(15)
Context: <span class="c1">// Call the function</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.71:1. Recommendation: change text colour to #737373.
Selector: html > body > div > main > div > div:nth-child(1) > figure:nth-child(21) > pre > code > span:nth-child(2)
Context: <span class="c1">// Create a function that takes...</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.71:1. Recommendation: change text colour to #737373.
Selector: html > body > div > main > div > div:nth-child(1) > figure:nth-child(21) > pre > code > span:nth-child(1)
Context: <span class="c1">// Example can be run directly ...</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 3.89:1. Recommendation: change text colour to #5f5f5f.
Selector: html > body > div > main > div > div:nth-child(1) > p:nth-child(20) > code
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 3.89:1. Recommendation: change text colour to #5f5f5f.
Selector: html > body > div > main > div > div:nth-child(1) > p:nth-child(14) > code
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.72:1. Recommendation: change text colour to #267db1.
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 3.89:1. Recommendation: change text colour to #5f5f5f.
Selector: html > body > div > main > div > div:nth-child(1) > ul:nth-child(9) > li:nth-child(6) > code:nth-child(4)
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 3.89:1. Recommendation: change text colour to #5f5f5f.
Selector: html > body > div > main > div > div:nth-child(1) > ul:nth-child(9) > li:nth-child(6) > code: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 3.89:1. Recommendation: change text colour to #5f5f5f.
Selector: html > body > div > main > div > div:nth-child(1) > ul:nth-child(9) > li:nth-child(5) > code:nth-child(4)
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 3.89:1. Recommendation: change text colour to #5f5f5f.
Selector: html > body > div > main > div > div:nth-child(1) > ul:nth-child(9) > li:nth-child(5) > code: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 3.89:1. Recommendation: change text colour to #5f5f5f.
Selector: html > body > div > main > div > div:nth-child(1) > ul:nth-child(9) > li:nth-child(4) > code
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 3.89:1. Recommendation: change text colour to #5f5f5f.
Selector: html > body > div > main > div > div:nth-child(1) > ul:nth-child(9) > li:nth-child(3) > code: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 3.89:1. Recommendation: change text colour to #5f5f5f.
Selector: html > body > div > main > div > div:nth-child(1) > ul:nth-child(9) > li:nth-child(3) > code: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 3.89:1. Recommendation: change text colour to #5f5f5f.
Selector: html > body > div > main > div > div:nth-child(1) > ul:nth-child(9) > li:nth-child(2) > code
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 3.89:1. Recommendation: change text colour to #5f5f5f.
Selector: html > body > div > main > div > div:nth-child(1) > ul:nth-child(9) > li:nth-child(1) > code
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.72:1. Recommendation: change text colour to #267db1.
Selector: html > body > div > main > div > div:nth-child(1) > p:nth-child(8) > a
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.72:1. Recommendation: change text colour to #267db1.
Selector: html > body > div > main > div > div:nth-child(1) > p:nth-child(4) > a
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.31:1. Recommendation: change background to #fefefe.
Selector: html > body > div > main > div > div:nth-child(1) > div:nth-child(3)
Context: <div class="message"> Howdy! This is an example bl...</div>
The user @carlsonsantana validate your site template "https://citrusui.github.io/poole/" and found these accessibility errors:
html > body > div > footer > small > a
<a href="https://github.com/citrusui/poole">View Source.</a>
html > body > div > main > div > div:nth-child(2) > a
<a class="pagination-item older" href="https://citrusui.github.io/poole/page/2/">Older</a>
html > body > div > main > div > div:nth-child(2) > span
<span class="pagination-item newer">Newer</span>
#fn:fn-sample_footnote > p > a
<a href="#fnref:fn-sample_footnote" class="reversefootnote">↩</a>
html > body > div > main > div > div:nth-child(1) > p:nth-child(48) > a
<a href="https://github.com/poole/poole/blob/master/LICENSE.md">MIT license</a>
html > body > div > main > div > div:nth-child(1) > p:nth-child(47) > a
<a href="https://github.com/citrusui/poole/issues/new">Open an issue.</a>
#readme > article > p:nth-child(3) > code:nth-child(4)
<code>%}</code>
#readme > article > p:nth-child(3) > code:nth-child(3)
<code>{%</code>
#readme > article > p:nth-child(3) > code:nth-child(2)
<code>gist</code>
#readme > article > p:nth-child(3) > code:nth-child(1)
<code>5555251</code>
html > body > div > main > div > div:nth-child(1) > figure:nth-child(23) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(22)
<span class="c1">// > 8</span>
html > body > div > main > div > div:nth-child(1) > figure:nth-child(23) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(20)
<span class="mi">6</span>
html > body > div > main > div > div:nth-child(1) > figure:nth-child(23) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(18)
<span class="mi">2</span>
html > body > div > main > div > div:nth-child(1) > figure:nth-child(23) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(15)
<span class="c1">// Call the function</span>
html > body > div > main > div > div:nth-child(1) > figure:nth-child(23) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(2)
<span class="c1">// Create a function that takes...</span>
html > body > div > main > div > div:nth-child(1) > figure:nth-child(23) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(1)
<span class="c1">// Example can be run directly ...</span>
html > body > div > main > div > div:nth-child(1) > figure:nth-child(23) > pre > code > table > tbody > tr > td:nth-child(1) > pre
<pre class="lineno">1 2 3 4 5 6 7 8 </pre>
html > body > div > main > div > div:nth-child(1) > p:nth-child(22) > code
<code class="highlighter-rouge">linenos</code>
html > body > div > main > div > div:nth-child(1) > figure:nth-child(21) > pre > code > span:nth-child(22)
<span class="c1">// > 8</span>
html > body > div > main > div > div:nth-child(1) > figure:nth-child(21) > pre > code > span:nth-child(20)
<span class="mi">6</span>
html > body > div > main > div > div:nth-child(1) > figure:nth-child(21) > pre > code > span:nth-child(18)
<span class="mi">2</span>
html > body > div > main > div > div:nth-child(1) > figure:nth-child(21) > pre > code > span:nth-child(15)
<span class="c1">// Call the function</span>
html > body > div > main > div > div:nth-child(1) > figure:nth-child(21) > pre > code > span:nth-child(2)
<span class="c1">// Create a function that takes...</span>
html > body > div > main > div > div:nth-child(1) > figure:nth-child(21) > pre > code > span:nth-child(1)
<span class="c1">// Example can be run directly ...</span>
html > body > div > main > div > div:nth-child(1) > p:nth-child(20) > code
<code class="highlighter-rouge"><code></code>
html > body > div > main > div > div:nth-child(1) > p:nth-child(14) > code
<code class="highlighter-rouge">^fn-</code>
#fnref:fn-sample_footnote > a
<a href="#fn:fn-sample_footnote" class="footnote">1</a>
html > body > div > main > div > div:nth-child(1) > ul:nth-child(9) > li:nth-child(6) > code:nth-child(4)
<code class="highlighter-rouge"><sub></code>
html > body > div > main > div > div:nth-child(1) > ul:nth-child(9) > li:nth-child(6) > code:nth-child(2)
<code class="highlighter-rouge"><sup></code>
html > body > div > main > div > div:nth-child(1) > ul:nth-child(9) > li:nth-child(5) > code:nth-child(4)
<code class="highlighter-rouge"><ins></code>
html > body > div > main > div > div:nth-child(1) > ul:nth-child(9) > li:nth-child(5) > code:nth-child(2)
<code class="highlighter-rouge"><del></code>
html > body > div > main > div > div:nth-child(1) > ul:nth-child(9) > li:nth-child(4) > code
<code class="highlighter-rouge"><cite></code>
html > body > div > main > div > div:nth-child(1) > ul:nth-child(9) > li:nth-child(3) > code:nth-child(3)
<code class="highlighter-rouge">title</code>
html > body > div > main > div > div:nth-child(1) > ul:nth-child(9) > li:nth-child(3) > code:nth-child(2)
<code class="highlighter-rouge"><abbr></code>
html > body > div > main > div > div:nth-child(1) > ul:nth-child(9) > li:nth-child(2) > code
<code class="highlighter-rouge"><em></code>
html > body > div > main > div > div:nth-child(1) > ul:nth-child(9) > li:nth-child(1) > code
<code class="highlighter-rouge"><strong></code>
html > body > div > main > div > div:nth-child(1) > p:nth-child(8) > a
<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element">Mozilla Developer Network</a>
html > body > div > main > div > div:nth-child(1) > p:nth-child(4) > a
<a href="#">dis parturient montes</a>
html > body > div > main > div > div:nth-child(1) > div:nth-child(3)
<div class="message"> Howdy! This is an example bl...</div>
You can check these accessibility errors using pa11y.
You can view the full validation results in our website.
The text was updated successfully, but these errors were encountered: