pages-themes / time-machine

Time machine is a Jekyll theme for GitHub Pages

Home Page:https://pages-themes.github.io/time-machine/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Accessibility errors found in your template

wapyce-bot opened this issue · comments

The user @carlsonsantana validate your site template "https://pages-themes.github.io/time-machine/" and found these accessibility errors:

  • Page https://pages-themes.github.io/time-machine/:
    • Issue a166b261-31e5-43a1-b2c1-3f915f265540:
      • Type: Error
      • Code: WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID
      • Message: This link points to a named anchor "top" within the document, but no anchor exists with that name.
      • Selector: html > body > div:nth-child(2) > a:nth-child(1)
      • Context: <a href="#top">Scroll to top</a>
    • Issue 9a64f9d2-db74-46de-befe-8dd1a13b0167:
      • 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.98:1. Recommendation: change text colour to #2f6600.
      • Selector: html > body > div:nth-child(1) > footer > div:nth-child(2) > small > a:nth-child(3)
      • Context: <a href="https://twitter.com/jonrohan/">Jon Rohan</a>
    • Issue 7149b990-4b2f-439e-b273-755ae2244f47:
      • 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.98:1. Recommendation: change text colour to #2f6600.
      • Selector: html > body > div:nth-child(1) > footer > div:nth-child(2) > small > a:nth-child(1)
      • Context: <a href="https://pages.github.com/">GitHub Pages</a>
    • Issue 1dfd9681-b643-421c-b1fa-726e7772034c:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_1.1_1_1.H2.EG4
      • Message: Img element inside a link has empty or missing alt text when a link beside it contains link text. Consider combining the links.
      • Selector: html > body > div:nth-child(1) > footer > div:nth-child(1) > p > a:nth-child(1) > img
      • Context: <img src="https://github.com/pages-themes.png" width="48" height="48">
    • Issue 2c48576e-24f2-4276-9ca8-035bb33c39ce:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2
      • Message: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.
      • Selector: html > body > div:nth-child(1) > footer > div:nth-child(1) > p > a:nth-child(1)
      • Context: <a href="https://github.com/pages-themes" class="avatar"><img src="https://github.com/pa...</a>
    • Issue 72cef238-cd5a-43e6-a106-19b1c814ac52:
      • 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.07:1. Recommendation: change background to #1f1f1f.
      • Selector: #main > article > div:nth-child(11) > div > pre:nth-child(2) > code > span:nth-child(27)
      • Context: <span class="k">end</span>
    • Issue 3d5b5021-c420-4e4b-be58-484ea01f7dea:
      • 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.27:1. Recommendation: change background to #373737.
      • Selector: #main > article > div:nth-child(11) > div > pre:nth-child(2) > code > span:nth-child(25)
      • Context: <span class="s2">"</span>
    • Issue 8d78e4bb-d1eb-4d93-bc40-87444de91ca6:
      • 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.88:1. Recommendation: change text colour to #fffefe.
      • Selector: #main > article > div:nth-child(11) > div > pre:nth-child(2) > code > span:nth-child(24)
      • Context: <span class="si">}</span>
    • Issue b39bcd75-5b4c-4082-94a6-796414746bfe:
      • 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.88:1. Recommendation: change text colour to #fffefe.
      • Selector: #main > article > div:nth-child(11) > div > pre:nth-child(2) > code > span:nth-child(22)
      • Context: <span class="si">#{</span>
    • Issue 85b283c6-0ed1-4f06-9cf9-8f948908e7a0:
      • 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.27:1. Recommendation: change background to #373737.
      • Selector: #main > article > div:nth-child(11) > div > pre:nth-child(2) > code > span:nth-child(21)
      • Context: <span class="s2">"= </span>
    • Issue 15684b5e-32a9-466d-ace0-cd32cb59698d:
      • 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.07:1. Recommendation: change background to #1f1f1f.
      • Selector: #main > article > div:nth-child(11) > div > pre:nth-child(2) > code > span:nth-child(9)
      • Context: <span class="k">do</span>
    • Issue c6b4e644-a522-489e-9cda-829e0e118dad:
      • 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.16:1. Recommendation: change background to #212121.
      • Selector: #main > article > div:nth-child(11) > div > pre:nth-child(2) > code > span:nth-child(1)
      • Context: <span class="c1"># Ruby code with syntax highlig...</span>
    • Issue f51ba56f-87f4-415c-b9ac-73f6019214d1:
      • 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.8:1. Recommendation: change background to #2f2f2f.
      • Selector: #main > article > div:nth-child(10) > div > pre:nth-child(2) > code > span:nth-child(22)
      • Context: <span class="kc">true</span>
    • Issue 4e7cd6af-fa33-4fca-87b4-8d02ddf1becb:
      • 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.07:1. Recommendation: change background to #1f1f1f.
      • Selector: #main > article > div:nth-child(10) > div > pre:nth-child(2) > code > span:nth-child(21)
      • Context: <span class="k">return</span>
    • Issue fd9908a9-48f0-49e5-b5b0-b7ecd326d21b:
      • 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.27:1. Recommendation: change background to #373737.
      • Selector: #main > article > div:nth-child(10) > div > pre:nth-child(2) > code > span:nth-child(17)
      • Context: <span class="s1">'./lang/'</span>
    • Issue ea3746e6-a032-4bf7-b8b7-2daf6e1783da:
      • 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.8:1. Recommendation: change background to #2f2f2f.
      • Selector: #main > article > div:nth-child(10) > div > pre:nth-child(2) > code > span:nth-child(5)
      • Context: <span class="kd">function</span>
    • Issue e306e3b9-47a4-4e2d-85e9-68b63e8aa9ad:
      • 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.8:1. Recommendation: change background to #2f2f2f.
      • Selector: #main > article > div:nth-child(10) > div > pre:nth-child(2) > code > span:nth-child(2)
      • Context: <span class="kd">var</span>
    • Issue 3ab48ce5-28e8-48ee-80c6-d9d7ee6ffc7d:
      • 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.16:1. Recommendation: change background to #212121.
      • Selector: #main > article > div:nth-child(10) > div > pre:nth-child(2) > code > span:nth-child(1)
      • Context: <span class="c1">// Javascript code with syntax ...</span>
    • Issue 4b305344-ddfe-4a1c-a13f-7954420314a4:
      • 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.02:1. Recommendation: change text colour to #44860b.
      • Selector: #main > article > p:nth-child(2) > a
      • Context: <a href="./another-page.html">Link to another page</a>

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

commented

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.