citrusui/poole

Accessibility errors found in your template

wapyce-bot opened this issue · 0 comments

wapyce-bot commented

The user @carlsonsantana validate your site template "https://citrusui.github.io/poole/" and found these accessibility errors:

  • Page https://citrusui.github.io/poole/:
    • Issue 71931380-26eb-41a7-9847-e3aeb886fde4:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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 > footer > small > a
      • Context: <a href="https://github.com/citrusui/poole">View Source.</a>
    • Issue 19699be8-96cd-4764-8e6e-779c5136aec5:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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
      • Context: <a class="pagination-item older" href="https://citrusui.github.io/poole/page/2/">Older</a>
    • Issue dcac7586-3ab8-42ef-a46f-b0e34751d43e:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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
      • Context: <span class="pagination-item newer">Newer</span>
    • Issue 6a31dcaf-3d03-4246-a714-3a0ce2ed5d58:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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: #fn:fn-sample_footnote > p > a
      • Context: <a href="#fnref:fn-sample_footnote" class="reversefootnote">↩</a>
    • Issue 61338b71-350d-47a7-9f84-fcc67c5cf09a:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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
      • Context: <a href="https://github.com/poole/poole/blob/master/LICENSE.md">MIT license</a>
    • Issue dd488696-680a-44cc-ab76-4c0662a06d6f:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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>
    • Issue 7f890943-7d31-48b9-8034-5ceca51409b5:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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.
      • Selector: #readme > article > p:nth-child(3) > code:nth-child(4)
      • Context: <code>%}</code>
    • Issue 0cca11be-545e-4fd9-91e6-09567d2dd68f:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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.
      • Selector: #readme > article > p:nth-child(3) > code:nth-child(3)
      • Context: <code>{%</code>
    • Issue d51eec91-95bf-49ce-b8b2-89755ad80c96:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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.
      • Selector: #readme > article > p:nth-child(3) > code:nth-child(2)
      • Context: <code>gist</code>
    • Issue 3c0ad47b-322d-4d24-a596-7a88f42b8f56:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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.
      • Selector: #readme > article > p:nth-child(3) > code:nth-child(1)
      • Context: <code>5555251</code>
    • Issue d148b3be-884e-4b84-a585-8b6fe9975484:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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)
      • Context: <span class="c1">// &gt; 8</span>
    • Issue 07e0045a-b61c-4e4c-8989-f4275cecef20:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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)
      • Context: <span class="mi">6</span>
    • Issue 0fa74e03-e97a-42f3-a5e5-91d4fca7a3df:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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)
      • Context: <span class="mi">2</span>
    • Issue ec4a3a8e-b620-4979-a395-a1255aaec120:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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>
    • Issue 1b6502ab-de1b-4cc1-a818-e0b56b6df428:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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>
    • Issue baceeb5f-521c-420a-bf55-6acc8c1864d2:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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>
    • Issue 3fa12d59-93fb-4462-aea6-d69c9ab889d2:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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
      • Context: <pre class="lineno">1 2 3 4 5 6 7 8 </pre>
    • Issue 134ae5e0-44c7-4d5c-a498-8baccbc54996:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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
      • Context: <code class="highlighter-rouge">linenos</code>
    • Issue 2065e96f-77d1-45e9-83d3-d2dead646fac:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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)
      • Context: <span class="c1">// &gt; 8</span>
    • Issue 86d20675-c5d7-43b5-821f-8fca6b79613c:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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)
      • Context: <span class="mi">6</span>
    • Issue 3b2fdfa2-6455-4633-963e-299d7005f724:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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)
      • Context: <span class="mi">2</span>
    • Issue 54cc1fb8-ea5d-494a-a774-19a80db1926e:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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>
    • Issue 91055247-8dda-4716-95f3-b8507d6a2a1e:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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>
    • Issue f87dd843-f2c0-4b20-92ce-7d6b2cae5fe5:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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>
    • Issue 1a835806-90f8-4788-ae0b-e1733d383d5e:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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
      • Context: <code class="highlighter-rouge">&lt;code&gt;</code>
    • Issue ff96027d-2656-4036-9fb8-7e39e90af1c7:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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
      • Context: <code class="highlighter-rouge">^fn-</code>
    • Issue 1fd0633a-70d2-4317-89a9-e46bc7c1ff8d:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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: #fnref:fn-sample_footnote > a
      • Context: <a href="#fn:fn-sample_footnote" class="footnote">1</a>
    • Issue 133d3d59-87a6-4367-ae28-20528f480a0e:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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)
      • Context: <code class="highlighter-rouge">&lt;sub&gt;</code>
    • Issue f9598c16-af64-4b67-89cf-b009f71a80dd:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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)
      • Context: <code class="highlighter-rouge">&lt;sup&gt;</code>
    • Issue 1598b8dc-f6f6-404c-b3bc-38caae7fdc0f:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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)
      • Context: <code class="highlighter-rouge">&lt;ins&gt;</code>
    • Issue d5e19a3a-b7b0-419d-bf1f-5d17c0daa126:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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)
      • Context: <code class="highlighter-rouge">&lt;del&gt;</code>
    • Issue 0ad85a5f-1355-47b9-b428-4624a5b9cfa8:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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
      • Context: <code class="highlighter-rouge">&lt;cite&gt;</code>
    • Issue b4993590-6952-42be-bcba-e25d4f5b4977:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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)
      • Context: <code class="highlighter-rouge">title</code>
    • Issue 865f453d-55ee-4ab7-aa1f-0d22fe6b2d9c:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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)
      • Context: <code class="highlighter-rouge">&lt;abbr&gt;</code>
    • Issue 172bdc69-1bc1-4157-9a11-9318111b1aba:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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
      • Context: <code class="highlighter-rouge">&lt;em&gt;</code>
    • Issue 58e58831-d303-4b33-878b-0272eeb9b148:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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
      • Context: <code class="highlighter-rouge">&lt;strong&gt;</code>
    • Issue f5d2d610-f49a-4dea-b269-000934deb6e4:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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
      • Context: <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element">Mozilla Developer Network</a>
    • Issue 4ee09fed-3679-4c60-b836-3c9ca78f788e:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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
      • Context: <a href="#">dis parturient montes</a>
    • Issue c0c337ff-6c34-4111-a1b3-2e8b253b26bf:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • 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>

You can check these accessibility errors using pa11y.
You can view the full validation results in our website.