Skip to content

Accessibility errors found in your template #1

@wapyce-bot

Description

@wapyce-bot

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

  • Page https://gjuniioor.github.io/clyell/:
    • Issue afbcc4c9-725a-48c0-8d78-6b4a55811a9f:
      • 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 text colour to #767676.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(83)
      • Context: <span class="pi">:</span>
    • Issue 50325f09-dd05-42d5-b539-1888124888bd:
      • 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 text colour to #767676.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(80)
      • Context: <span class="pi">:</span>
    • Issue fd3da670-09e8-4af6-a912-3f2fc2011bc9:
      • 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.89:1. Recommendation: change text colour to #776.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(78)
      • Context: <span class="c1"># Build settings</span>
    • Issue 0a50d063-3819-45df-9fb8-00b8e5b66a88:
      • 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 text colour to #767676.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(57)
      • Context: <span class="pi">:</span>
    • Issue 0ca85b45-1fe0-49c7-a6e1-2761b0a7aae4:
      • 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 text colour to #767676.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(53)
      • Context: <span class="pi">:</span>
    • Issue 0e12bad6-e1fd-4330-a96b-8eb77f60d3a1:
      • 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 text colour to #767676.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(49)
      • Context: <span class="pi">:</span>
    • Issue d9ba8cd0-6155-4d80-8657-0c218a2319c1:
      • 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 text colour to #767676.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(47)
      • Context: <span class="pi">:</span>
    • Issue 7c39bff3-8cc2-4fd2-bfac-7fa62717d8f2:
      • 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 text colour to #767676.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(43)
      • Context: <span class="pi">:</span>
    • Issue 1deff5fe-f597-4af2-ab4f-93ae97b24265:
      • 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 text colour to #767676.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(39)
      • Context: <span class="pi">:</span>
    • Issue 8138b307-9863-4295-8bd9-ea2612adb7a7:
      • 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 text colour to #767676.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(37)
      • Context: <span class="pi">:</span>
    • Issue b16bb99f-1f0e-4c0c-9dac-31323c3f9e7c:
      • 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 text colour to #767676.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(33)
      • Context: <span class="pi">:</span>
    • Issue 68718635-371d-480b-8cab-d1133a465dcc:
      • 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 text colour to #767676.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(29)
      • Context: <span class="pi">:</span>
    • Issue 6e954e7a-c337-41c7-baf6-b617c6c31287:
      • 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 text colour to #767676.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(27)
      • Context: <span class="pi">:</span>
    • Issue 1fbaa76c-2524-48eb-9f73-945983a934dc:
      • 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 text colour to #767676.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(23)
      • Context: <span class="pi">:</span>
    • Issue 577d7978-2a13-41a0-b0fc-833831fb7a42:
      • 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.89:1. Recommendation: change text colour to #776.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(21)
      • Context: <span class="c1"># Header settings</span>
    • Issue 3544e336-f9ed-4245-b5d2-9b415f38f593:
      • 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 text colour to #767676.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(19)
      • Context: <span class="pi">:</span>
    • Issue 94eb9f54-3e2b-4f70-a279-ad58490dc4cd:
      • 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 text colour to #767676.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(15)
      • Context: <span class="pi">:</span>
    • Issue b189f8f7-f85a-418e-a13d-e7904a1e645b:
      • 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 text colour to #767676.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(11)
      • Context: <span class="pi">:</span>
    • Issue 2416f08d-4168-4e1c-8b93-84140c81c3a9:
      • 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 text colour to #767676.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(7)
      • Context: <span class="pi">:</span>
    • Issue 0ec4f3c8-fa5d-4b3a-a42c-aa4d916aebc7:
      • 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 text colour to #767676.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(3)
      • Context: <span class="pi">:</span>
    • Issue c748f191-40da-41d5-8e06-9fae192b6356:
      • 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.89:1. Recommendation: change text colour to #776.
      • Selector: html > body > div > div:nth-child(3) > div > main > div > article > div > pre > code > span:nth-child(1)
      • Context: <span class="c1"># Site settings</span>

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions