sangeet259/sangeet259.github.io

Accessibility errors found in your template

Opened this issue · 0 comments

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

  • Page https://sangeet259.github.io/:
    • Issue 57d03fe8-8fc5-473b-9386-ba8bf5c2bbae:
      • 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.11:1. Recommendation: change text colour to #707070.
      • Selector: html > body > footer > div > div > div > p
      • Context: <p class="copyright text-muted">Sangeet Kumar Mishra &...</p>
    • Issue fdc9d7bf-3289-4236-ab03-533b7906c7c2:
      • 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.45:1. Recommendation: change text colour to #0077db.
      • Selector: html > body > div > div > div > center:nth-child(14) > a
      • Context: <a href="/resume.pdf">Resume</a>
    • Issue 71d29ad6-cb02-4b55-aa73-7ed74293cf47:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.Center
      • Message: Presentational markup used that has become obsolete in HTML5.
      • Selector: html > body > div > div > div > center:nth-child(14)
      • Context: <center>If interested , here's my <a ...</center>
    • Issue ffe988ff-350b-472b-8bd3-9c0ef0bcb9ef:
      • 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.48:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > div > div:nth-child(11) > div > div > a > p
      • Context: <p class="text-muted">Some Implementations of GANs co...</p>
    • Issue b440c455-9635-4886-84c6-d8b447f400c1:
      • 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.45:1. Recommendation: change text colour to #0077db.
      • Selector: html > body > div > div > div > div:nth-child(11) > div > div > a > h4
      • Context: <h4>Generative_Adversarial_Networks</h4>
    • Issue 5350229c-28a3-4f75-a379-49db0e4324d2:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.AlignAttr
      • Message: Align attributes .
      • Selector: html > body > div > div > div > div:nth-child(11) > div
      • Context: <div align="center"><div class="project-card">...</div>
    • Issue d8f8a4c8-f6cf-4f75-b4cd-26e740469294:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.Center
      • Message: Presentational markup used that has become obsolete in HTML5.
      • Selector: html > body > div > div > div > center:nth-child(6)
      • Context: <center>Brief Bio, Head to <b>About Me<...</center>
    • Issue ed93615c-4881-4588-a7ab-975e242de6a6:
      • 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 > nav > div > div:nth-child(3) > div > a
      • Context: <a href="https://sangeet259.github.io "><img class="avatar-img"...</a>

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