Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility errors found in your template #8

Open
wapyce-bot opened this issue Oct 26, 2018 · 0 comments
Open

Accessibility errors found in your template #8

wapyce-bot opened this issue Oct 26, 2018 · 0 comments

Comments

@wapyce-bot
Copy link

wapyce-bot commented Oct 26, 2018

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant