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

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

Accessibility errors found in your template #12

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

Comments

@wapyce-bot
Copy link

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

  • Page https://nandomoreirame.github.io/simplest/:
    • Issue 49e45648-4759-48e1-bc5d-5981c81d0430:
      • 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.37:1. Recommendation: change text colour to #202020.
      • Selector: html > body > main > footer > div > small:nth-child(2) > a
      • Context: <a href="http://nandomoreira.me/" target="_blank">nandomoreira.me</a>
    • Issue e14eac7c-0e1e-4f3b-8c28-b386547618cc:
      • 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > main > footer > div > small:nth-child(2)
      • Context: <small class="pull-right">by <a href="http://nandomoreira...</small>
    • Issue 7c0f4e6c-11d0-4f27-9a0b-fbca08df922f:
      • 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.37:1. Recommendation: change text colour to #202020.
      • Selector: html > body > main > footer > div > small:nth-child(1) > a
      • Context: <a href="http://jekyllrb.com/" target="_blank">Jekyll</a>
    • Issue c5077d73-bd02-4ac9-a250-682467eef7ce:
      • 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > main > footer > div > small:nth-child(1)
      • Context: <small class="pull-left">©2016 All rights reserved. Made...</small>
    • Issue dffcf0c6-876b-49ed-ab0c-0cf55a4f8b4e:
      • 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.08:1. Recommendation: change text colour to #1f1f1f.
      • Selector: html > body > main > section:nth-child(3) > div:nth-child(2) > nav > ul > li:nth-child(3) > a
      • Context: <a class="next" href="/simplest/page/2" title="Articles old">Next »</a>
    • Issue 4584a2c1-a46c-40f6-8855-46215af1c70d:
      • 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.08:1. Recommendation: change text colour to #1f1f1f.
      • Selector: html > body > main > section:nth-child(3) > div:nth-child(1) > article:nth-child(5) > p > a
      • Context: <a class="post-link readmore" href="/simplest/2015/the-quick-brown-fox-jumps-over-a-lazy-dog/">Read more</a>
    • Issue e94da8c1-6925-4f44-8e02-d3c719d63728:
      • 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.08:1. Recommendation: change text colour to #1f1f1f.
      • Selector: html > body > main > section:nth-child(3) > div:nth-child(1) > article:nth-child(5) > p > strong > a
      • Context: <a class="post-link" href="/simplest/2015/the-quick-brown-fox-jumps-over-a-lazy-dog/">The quick, brown fox jumps over...</a>
    • Issue ca5119e8-4d5d-47e8-9737-0146a203e513:
      • 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.66:1. Recommendation: change text colour to #717171.
      • Selector: html > body > main > section:nth-child(3) > div:nth-child(1) > article:nth-child(5) > p > span:nth-child(1)
      • Context: <span class="post-meta">Nov 12, 2015</span>
    • Issue c245e30c-1bbf-4ebc-828a-99e4ec20d037:
      • 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.08:1. Recommendation: change text colour to #1f1f1f.
      • Selector: html > body > main > section:nth-child(3) > div:nth-child(1) > article:nth-child(4) > p > a
      • Context: <a class="post-link readmore" href="/simplest/2015/lorem/">Read more</a>
    • Issue f123f8eb-f7ce-46e2-99e8-cf0a6f6c3de6:
      • 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.08:1. Recommendation: change text colour to #1f1f1f.
      • Selector: html > body > main > section:nth-child(3) > div:nth-child(1) > article:nth-child(4) > p > strong > a
      • Context: <a class="post-link" href="/simplest/2015/lorem/">Lorem ipsum dolor sit amet</a>
    • Issue e1efd6e8-ab42-4d67-b3ea-3cf0925bd333:
      • 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.66:1. Recommendation: change text colour to #717171.
      • Selector: html > body > main > section:nth-child(3) > div:nth-child(1) > article:nth-child(4) > p > span:nth-child(1)
      • Context: <span class="post-meta">Nov 12, 2015</span>
    • Issue 3492cae0-351e-40da-b53f-937eaaa25f1d:
      • 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.08:1. Recommendation: change text colour to #1f1f1f.
      • Selector: html > body > main > section:nth-child(3) > div:nth-child(1) > article:nth-child(3) > p > a
      • Context: <a class="post-link readmore" href="/simplest/2015/lorem-ipsum-dolor-sit/">Read more</a>
    • Issue 3ff41318-76a2-4f23-9ba4-c3df90008bd9:
      • 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.08:1. Recommendation: change text colour to #1f1f1f.
      • Selector: html > body > main > section:nth-child(3) > div:nth-child(1) > article:nth-child(3) > p > strong > a
      • Context: <a class="post-link" href="/simplest/2015/lorem-ipsum-dolor-sit/">Lorem ipsum dolor sit</a>
    • Issue fddad9e3-889e-4a70-8af4-a9e9d04255ef:
      • 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.66:1. Recommendation: change text colour to #717171.
      • Selector: html > body > main > section:nth-child(3) > div:nth-child(1) > article:nth-child(3) > p > span:nth-child(1)
      • Context: <span class="post-meta">Nov 26, 2015</span>
    • Issue 8adb5287-4e3c-4f03-84d5-d66433e580ed:
      • 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.08:1. Recommendation: change text colour to #1f1f1f.
      • Selector: html > body > main > section:nth-child(3) > div:nth-child(1) > article:nth-child(2) > p > a
      • Context: <a class="post-link readmore" href="/simplest/2015/welcome-to-jekyll/">Read more</a>
    • Issue 0bc4a001-3a71-4d91-ac7a-d1e71569e68d:
      • 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.08:1. Recommendation: change text colour to #1f1f1f.
      • Selector: html > body > main > section:nth-child(3) > div:nth-child(1) > article:nth-child(2) > p > strong > a
      • Context: <a class="post-link" href="/simplest/2015/welcome-to-jekyll/">Welcome to Jekyll!</a>
    • Issue 167cff31-d719-47dc-ac6f-b7769552342e:
      • 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.66:1. Recommendation: change text colour to #717171.
      • Selector: html > body > main > section:nth-child(3) > div:nth-child(1) > article:nth-child(2) > p > span:nth-child(1)
      • Context: <span class="post-meta">Dec 10, 2015</span>
    • Issue 9a20f4fc-ba08-43f6-ad79-371a54a0d3a9:
      • 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.37:1. Recommendation: change text colour to #202020.
      • Selector: html > body > main > section:nth-child(2) > div > p > a
      • Context: <a href="http://nandomoreira.me/about" target="_blank">about me</a>
    • Issue 21269c73-4664-4718-a853-0f849962b7d6:
      • 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.37:1. Recommendation: change background to #202020.
      • Selector: html > body > main > section:nth-child(2) > div > p > strong
      • Context: <strong class="author-name" itemprop="name">Fernando Moreira</strong>
    • Issue 874ea6f0-d08d-4aa2-bba0-fb2848cdd2d1:
      • 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.37:1. Recommendation: change text colour to #202020.
      • Selector: html > body > main > header > nav > div > ul > li:nth-child(2) > a
      • Context: <a href="/simplest/feed.xml" target="_blank">feed</a>
    • Issue 541715bf-11c5-4760-ae7e-184eac7dc964:
      • 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.37:1. Recommendation: change text colour to #202020.
      • Selector: html > body > main > header > nav > div > ul > li:nth-child(1) > a
      • Context: <a href="/simplest/about">about</a>
    • Issue 5906d7b4-0d30-48f5-898a-a0e28b9cfa8b:
      • 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.37:1. Recommendation: change text colour to #202020.
      • Selector: html > body > main > header > nav > div > h1 > a
      • Context: <a href="/simplest/">Simplest<span>blog</span></a>
    • Issue fc273c0f-ec21-4061-bfcf-244c4f8c6e20:
      • Type: Error
      • Code: WCAG2AA.Principle3.Guideline3_1.3_1_1.H57.2
      • Message: The html element should have a lang or xml:lang attribute which describes the language of the document.
      • Selector: html
      • Context: <html><head> <meta charset="utf-8"> <...</html>

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