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 #61

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

Accessibility errors found in your template #61

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

Comments

@wapyce-bot
Copy link

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

  • Page https://fongandrew.github.io/hydeout/:
    • Issue a1c7fa8d-dcc9-4722-ae96-d2dd54144885:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > div > a
      • Context: <a class="pagination-item older" href="/hydeout/page2"> Older </a>
    • Issue 290ddf72-8e46-4109-ad37-515ef3b6c48e:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(5) > a
      • Context: <a href="/hydeout/2012/02/05/markup-syntax-highlighting.html">More …</a>
    • Issue cc8d8611-dfee-499b-aaea-5830327ffce9:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(4) > p:nth-child(6) > a
      • Context: <a href="https://github.com/mojombo/jekyll">visiting the project on GitHub</a>
    • Issue 685ca644-cff8-4707-9f33-b7f33eb88eb0:
      • 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.29:1. Recommendation: change text colour to #767676.
      • Selector: html > body > main > div > article:nth-child(4) > blockquote > p
      • Context: <p>Jekyll is a simple, blog aware,...</p>
    • Issue bc448a34-14ab-450c-be42-96a37eaf37e0:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(4) > p:nth-child(3) > a:nth-child(2)
      • Context: <a href="https://github.com/mojombo/jekyll/blob/master/README.markdown">the project’s readme</a>
    • Issue bb81bbe0-4015-409c-b137-0019f85c8642:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(4) > p:nth-child(3) > a:nth-child(1)
      • Context: <a href="http://jekyllrb.com">Jekyll</a>
    • Issue eb459bfa-38e4-4d09-9116-d62fa36df009:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(3) > p:nth-child(39) > a
      • Context: <a href="https://github.com/poole/poole/issues/new">Open an issue.</a>
    • Issue 0d570825-f56b-4ccf-8694-45c3de521ffe:
      • 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 d3cde918-1864-4e83-a360-fb6fce69dc7a:
      • 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 3357ed52-68bd-4afc-9f4d-e1acb32c7442:
      • 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 c8402219-f4df-4520-9181-99a5781a9983:
      • 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 d4b07302-453c-4341-9b3d-66e37a53e698:
      • 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 > main > div > article:nth-child(3) > figure > pre > code > span:nth-child(22)
      • Context: <span class="c1">// &gt; 8</span>
    • Issue 49ddc5e3-8c7a-4161-b040-4566f5cba306:
      • 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 > main > div > article:nth-child(3) > figure > pre > code > span:nth-child(20)
      • Context: <span class="mi">6</span>
    • Issue 51cbca21-5c8b-4e0c-bdc5-7cfafa2ce356:
      • 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 > main > div > article:nth-child(3) > figure > pre > code > span:nth-child(18)
      • Context: <span class="mi">2</span>
    • Issue 164fb477-fa34-4009-b68d-d2cc65ba3a72:
      • 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 > main > div > article:nth-child(3) > figure > pre > code > span:nth-child(15)
      • Context: <span class="c1">// Call the function </span>
    • Issue 80691608-e479-43a7-8e3e-243e855c9eaa:
      • 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 > main > div > article:nth-child(3) > figure > pre > code > span:nth-child(2)
      • Context: <span class="c1">// Create a function that takes...</span>
    • Issue a9593fcc-f651-4090-94a9-0a80d2044eb5:
      • 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 > main > div > article:nth-child(3) > figure > pre > code > span:nth-child(1)
      • Context: <span class="c1">// Example can be run directly ...</span>
    • Issue bea9eddb-0f41-4520-8167-e839e3a8d0f0:
      • 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 > main > div > article:nth-child(3) > p:nth-child(14) > code
      • Context: <code class="highlighter-rouge">code element</code>
    • Issue de729b08-8abf-4925-bb59-57ff489dcdbd:
      • 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 > main > div > article:nth-child(3) > ul:nth-child(9) > li:nth-child(6) > code:nth-child(4)
      • Context: <code class="highlighter-rouge">&lt;sub&gt;</code>
    • Issue 6b99e4db-2e72-4b8a-9b46-cb5d81bb2628:
      • 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 > main > div > article:nth-child(3) > ul:nth-child(9) > li:nth-child(6) > code:nth-child(2)
      • Context: <code class="highlighter-rouge">&lt;sup&gt;</code>
    • Issue 5a9a0e98-439b-4bfb-aeb8-d443c87534ca:
      • 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 > main > div > article:nth-child(3) > ul:nth-child(9) > li:nth-child(5) > code:nth-child(4)
      • Context: <code class="highlighter-rouge">&lt;ins&gt;</code>
    • Issue 6d9a8dc3-d153-4c92-a4c0-4d70f909cf01:
      • 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 > main > div > article:nth-child(3) > ul:nth-child(9) > li:nth-child(5) > code:nth-child(2)
      • Context: <code class="highlighter-rouge">&lt;del&gt;</code>
    • Issue 57f621ab-e291-4eca-a3de-4276bb0cc363:
      • 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 > main > div > article:nth-child(3) > ul:nth-child(9) > li:nth-child(4) > code
      • Context: <code class="highlighter-rouge">&lt;cite&gt;</code>
    • Issue 40165b61-1b5f-4985-a7a2-99c191ce1ac1:
      • 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 > main > div > article:nth-child(3) > ul:nth-child(9) > li:nth-child(3) > code:nth-child(3)
      • Context: <code class="highlighter-rouge">title</code>
    • Issue 16b6c0a7-4707-4d28-8b53-ee49f5747cee:
      • 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 > main > div > article:nth-child(3) > ul:nth-child(9) > li:nth-child(3) > code:nth-child(2)
      • Context: <code class="highlighter-rouge">&lt;abbr&gt;</code>
    • Issue 38d124a9-0c2e-4cfe-bab2-f0fe3bf89540:
      • 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 > main > div > article:nth-child(3) > ul:nth-child(9) > li:nth-child(2) > code
      • Context: <code class="highlighter-rouge">&lt;em&gt;</code>
    • Issue a463f8a5-fa21-413e-8d2d-e8f1271d305e:
      • 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 > main > div > article:nth-child(3) > ul:nth-child(9) > li:nth-child(1) > code
      • Context: <code class="highlighter-rouge">&lt;strong&gt;</code>
    • Issue 6e24c2b1-91a3-413f-88cb-4de417ec6632:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(3) > p:nth-child(8) > a
      • Context: <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element">Mozilla Developer Network</a>
    • Issue ebdc9891-82d5-47a6-93a6-77b59f42fcbc:
      • 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.29:1. Recommendation: change text colour to #767676.
      • Selector: html > body > main > div > article:nth-child(3) > blockquote > p
      • Context: <p>Curabitur blandit tempus portti...</p>
    • Issue fee80663-eb76-446a-96e0-58ce8c0315e5:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(3) > p:nth-child(4) > a
      • Context: <a href="#">dis parturient montes</a>
    • Issue 025bdc89-3f91-44c3-9ca6-a3e73adc80f3:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(2) > p:nth-child(14) > a
      • Context: <a href="https://github.com/poole/hyde">GitHub repository</a>
    • Issue b4da8374-d641-46da-8f43-0f592a96a37e:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(2) > p:nth-child(10) > a
      • Context: <a href="https://github.com/poole/hyde#readme">Head to the readme</a>
    • Issue a4a22f30-8cd1-43bb-8d42-e40fc823f0e3:
      • 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 > main > div > article:nth-child(2) > ul:nth-child(9) > li:nth-child(3) > code
      • Context: <code class="highlighter-rouge">&lt;body&gt;</code>
    • Issue b7312c48-1188-4a8f-9d4c-b57e436529ed:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(2) > ul:nth-child(9) > li:nth-child(3) > a
      • Context: <a href="https://github.com/poole/hyde#themes">Eight optional color schemes</a>
    • Issue 896c7f2b-2f5a-4116-827d-e727deed0fa0:
      • 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 > main > div > article:nth-child(2) > ul:nth-child(9) > li:nth-child(2) > code
      • Context: <code class="highlighter-rouge">&lt;body&gt;</code>
    • Issue 80ab9abb-e963-44e1-8683-14ba6ce58e18:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(2) > ul:nth-child(9) > li:nth-child(2) > a
      • Context: <a href="https://github.com/poole/hyde#reverse-layout">reverse</a>
    • Issue 5e9ba321-ff07-4a8d-b453-6b9e45ba05fd:
      • 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 > main > div > article:nth-child(2) > ul:nth-child(6) > li:nth-child(3) > code
      • Context: <code class="highlighter-rouge">rem</code>
    • Issue 2ae5f7f8-12ac-42de-bf45-96e857cc9fcd:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(2) > ul:nth-child(6) > li:nth-child(1) > a:nth-child(3)
      • Context: <a href="/about">example page</a>
    • Issue edc473d4-30c3-4685-b5b2-88c4d4219bbf:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(2) > ul:nth-child(6) > li:nth-child(1) > a:nth-child(2)
      • Context: <a href="/feed.xml">RSS feed</a>
    • Issue 736bbe3f-403f-47e5-b44b-594f47d8e295:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(2) > ul:nth-child(6) > li:nth-child(1) > a:nth-child(1)
      • Context: <a href="/404">404</a>
    • Issue 77396c08-dd71-49e2-99e0-f08626635842:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(2) > p:nth-child(5) > a
      • Context: <a href="https://twitter.com/mdo">@mdo</a>
    • Issue 26975320-8a99-40cb-9d98-ca65885ede0c:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(2) > p:nth-child(3) > a:nth-child(2)
      • Context: <a href="http://getpoole.com">Poole</a>
    • Issue f27e1441-bb2a-477e-9093-05a48c1504f4:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(2) > p:nth-child(3) > a:nth-child(1)
      • Context: <a href="http://jekyllrb.com">Jekyll</a>
    • Issue 46633339-8067-4075-b7b5-45460bdd8b1b:
      • 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 > main > div > article:nth-child(1) > ul > li:nth-child(5) > p > code
      • Context: <code class="highlighter-rouge">google_analytics</code>
    • Issue fcf91358-9f48-428d-b257-bc54be7f0ded:
      • 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 > main > div > article:nth-child(1) > ul > li:nth-child(4) > p:nth-child(3) > code
      • Context: <code class="highlighter-rouge">comments.html</code>
    • Issue fcf170e7-b4f2-46c7-b8b7-b4ed9679500c:
      • 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.1:1. Recommendation: change text colour to #474747.
      • Selector: html > body > main > div > article:nth-child(1) > ul > li:nth-child(4) > div > div > pre > code > span:nth-child(5)
      • Context: <span class="s">my-disqus-shortname</span>
    • Issue 53baf064-750b-47d3-8800-e426fb329da0:
      • 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.77:1. Recommendation: change text colour to #2979a9.
      • Selector: html > body > main > div > article:nth-child(1) > ul > li:nth-child(4) > div > div > pre > code > span:nth-child(3)
      • Context: <span class="na">shortname</span>
    • Issue 2674231a-7b2c-4c92-8bf3-f8507fe73179:
      • 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.77:1. Recommendation: change text colour to #2979a9.
      • Selector: html > body > main > div > article:nth-child(1) > ul > li:nth-child(4) > div > div > pre > code > span:nth-child(1)
      • Context: <span class="na">disqus</span>
    • Issue 89631680-e379-4ad3-a52d-564a91052834:
      • 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 > main > div > article:nth-child(1) > ul > li:nth-child(3) > p > code
      • Context: <code class="highlighter-rouge">search.html</code>
    • Issue 6f5543cd-d05b-4e9c-96c1-a0a288029f22:
      • 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 > main > div > article:nth-child(1) > ul > li:nth-child(2) > p > code
      • Context: <code class="highlighter-rouge">sidebar_link: true</code>
    • Issue 272a6f88-c07c-491c-9ea4-b0fce95ba6f4:
      • 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 > main > div > article:nth-child(1) > p:nth-child(13) > code:nth-child(2)
      • Context: <code class="highlighter-rouge">_includes/custom-foot.html</code>
    • Issue 924e1c67-c045-4d11-a6ef-f6493fd221b8:
      • 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 > main > div > article:nth-child(1) > p:nth-child(13) > code:nth-child(1)
      • Context: <code class="highlighter-rouge">_includes/custom-head.html</code>
    • Issue c4b6fa50-3fd1-4d0b-a60c-30ab474f01fc:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(1) > p:nth-child(12) > a
      • Context: <a href="https://github.com/fongandrew/hydeout/blob/master/_sass/hydeout/_variables.scss">_variables</a>
    • Issue bffd204f-ae2c-4cd9-b86e-f08e914f3cf5:
      • 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 > main > div > article:nth-child(1) > p:nth-child(10) > code
      • Context: <code class="highlighter-rouge">assets/css/main.scss</code>
    • Issue f7cf74a6-5eba-4911-9ca2-63523c1454a2:
      • 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 > main > div > article:nth-child(1) > div:nth-child(9) > div > pre > code > span:nth-child(27)
      • Context: <span class="mh">#268bd2</span>
    • Issue d1652f54-c1d1-468c-b5a2-f1f92b18432c:
      • 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 > main > div > article:nth-child(1) > div:nth-child(9) > div > pre > code > span:nth-child(3)
      • Context: <span class="mh">#202020</span>
    • Issue a41cbb83-e25e-4cec-af33-8361754298b6:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(1) > p:nth-child(3) > a:nth-child(2)
      • Context: <a href="http://jekyllrb.com">Jekyll</a>
    • Issue c0aa3931-c0f5-4257-9cb9-b8d309e475e3:
      • 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.68:1. Recommendation: change text colour to #167bc2.
      • Selector: html > body > main > div > article:nth-child(1) > p:nth-child(3) > a:nth-child(1)
      • Context: <a href="https://github.com/poole/hyde">Hyde</a>

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