Accessibility errors found in your template

[wapyce-bot]

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.

[stale[bot]]

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.