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.

Sign up for GitHub

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

Jump to bottom

Accessibility errors found in your template #1

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

Accessibility errors found in your template #1

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

Comments

@wapyce-bot
Copy link

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

  • Page https://jpatrickdevine.github.io/hydeaway/:
    • Issue 7544a9be-ffad-4c7e-b473-2acc7743968c:
      • 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.8:1. Recommendation: change text colour to #007d9d.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(11)
      • Context: <span class="nn">---</span>
    • Issue f8b0c49a-909e-4e1c-b981-09fe99bb0b4e:
      • 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 > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(8)
      • Context: <span class="na">pinned</span>
    • Issue e1478ff9-a5c1-4490-8917-2524b541e1f2:
      • 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 > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(7)
      • Context: <span class="s">An Example Post</span>
    • Issue 8a3ea209-d454-468d-90a9-25d80a72ea24:
      • 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 > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(5)
      • Context: <span class="na">title</span>
    • Issue 528716a0-13cb-4a58-8fed-feaf4ac12caa:
      • 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 > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(4)
      • Context: <span class="s">post</span>
    • Issue bc6e26ed-6f3c-4f05-a258-5a75d6e1ff03:
      • 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 > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(2)
      • Context: <span class="na">layout</span>
    • Issue 64fe358f-0fa9-412e-bb7e-029a22c4f725:
      • 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.8:1. Recommendation: change text colour to #007d9d.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(1)
      • Context: <span class="nn">---</span>
    • Issue 64b117d7-f116-4b96-8ef9-543af37829bc:
      • 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:nth-child(2) > div:nth-child(1) > div:nth-child(7) > p > code
      • Context: <code class="highlighter-rouge">pinned: true</code>
    • Issue 9d9407dd-5790-4972-9e2b-227f3feb3627:
      • 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:nth-child(2) > div:nth-child(1) > div:nth-child(5) > p:nth-child(6) > code
      • Context: <code class="highlighter-rouge">_sass/modules/_site-icon.scss</code>
    • Issue b0e9712a-35b7-427e-b822-f2ff0dc07fd8:
      • 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:nth-child(2) > div:nth-child(1) > div:nth-child(5) > p:nth-child(4) > code:nth-child(2)
      • Context: <code class="highlighter-rouge">_sass/modules/_site-icon.scss</code>
    • Issue 4537f2f4-ec25-41f7-a4bd-82e7589b9824:
      • 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:nth-child(2) > div:nth-child(1) > div:nth-child(5) > p:nth-child(4) > code:nth-child(1)
      • Context: <code class="highlighter-rouge">.site-icon:hover</code>
    • Issue 60b63ae3-7e3d-4f86-8686-580832d4551f:
      • 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.5:1. Recommendation: change text colour to #1277be.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > p:nth-child(4) > a:nth-child(3)
      • Context: <a href="https://github.com/fongandrew/hydeout" target="_blank">Hydeout</a>
    • Issue 0a560f1b-03f1-480f-a57d-f76e3c51f488:
      • 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.5:1. Recommendation: change text colour to #1277be.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > p:nth-child(4) > a:nth-child(2)
      • Context: <a href="https://github.com/poole/hyde" target="_blank">Hyde</a>
    • Issue 256a9944-5e9c-4c27-921c-e8ebc115e3b6:
      • 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.5:1. Recommendation: change text colour to #1277be.
      • Selector: html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > p:nth-child(4) > a:nth-child(1)
      • Context: <a href="http://jekyllrb.com/" target="_blank">Jekyll</a>
    • Issue d7c38dff-c8df-4add-950c-a6706a362ee7:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
      • Message: Anchor element found with a valid href attribute, but no link content has been supplied.
      • Selector: html > body > div:nth-child(1) > div > div > div > a
      • Context: <a href="/hydeaway/"></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
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@wapyce-bot