dotX icon indicating copy to clipboard operation
dotX copied to clipboard

Published 20 hours ago • verified publisher icon nandomoreirame

Accessibility errors found in your template

Open wapyce-bot opened this issue 6 years ago • 0 comments

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

  • Page https://nandomoreirame.github.io/dotX/:
    • Issue a3b55688-76f8-4981-91a2-6ede1289aefa:
      • 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 background to #0b8935.
      • Selector: html > body > section > div:nth-child(3) > nav > a
      • Context: <a href="http://github.com/nandomoreirame/dotX/archive/master.zip" class="button button-ghost" role="button">Download</a>
    • Issue 9c5f22c2-8252-4700-be6c-905d9818f774:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
      • Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1.96:1. Recommendation: change background to #108e3a.
      • Selector: html > body > section > div:nth-child(3) > h2
      • Context: <h2 class="intro-subtitle">Simple &amp; Beautiful Jekyll t...</h2>
    • Issue 5062152a-b59e-41f6-8983-c1238afab2be:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
      • Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.77:1. Recommendation: change background to #2caa56.
      • Selector: html > body > section > div:nth-child(3) > h1 > strong
      • Context: <strong>X</strong>
    • Issue 627a5453-8415-4d41-8b94-db091ba8d462:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
      • Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.77:1. Recommendation: change background to #2caa56.
      • Selector: html > body > section > div:nth-child(3) > h1
      • Context: <h1 class="intro-title">dot<strong>X</strong></h1>
    • Issue bf2dfa1e-7213-4b9b-84ef-d51ae834dab8:
      • 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:1. Recommendation: change background to #004e1a.
      • Selector: #menu-burger
      • Context: <a href="#navbar" id="menu-burger" class="menu-burger">Menu <span class="nav-icon"></s...</a>
    • Issue 4b750f62-69f0-4c2d-a9ac-30c0862d2837:
      • 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 style="" class=" js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity c...

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

wapyce-bot avatar Oct 26 '18 16:10 wapyce-bot