Skip to content

Accessibility errors found in your template #6

@wapyce-bot

Description

@wapyce-bot

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

  • Page https://kuoa.github.io/julia/:
    • Issue d6047e54-7e2c-4e22-846e-c4df2e2c6940:
      • 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.18:1. Recommendation: change text colour to #2b7db0.
      • Selector: html > body > div:nth-child(2) > div > div > div:nth-child(3) > a
      • Context: <a href="https://github.com/kuoa/julia" target="_blank">Julia</a>
    • Issue 0ca570d4-a44f-4044-9f0e-9e2de7703af0:
      • 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:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div:nth-child(2) > div > div > div:nth-child(3)
      • Context: <div class="footer center"> Built with Jekyll usin...</div>
    • Issue 588bda86-7241-4f11-845c-fc50424d4da8:
      • 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.84:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div:nth-child(2) > div > div > ul > li:nth-child(4) > div > span
      • Context: <span class="post-date">19 June 2016</span>
    • Issue 09efefd2-8e3e-4813-9671-c07344fd5ed5:
      • 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.84:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div:nth-child(2) > div > div > ul > li:nth-child(3) > div > span
      • Context: <span class="post-date">20 July 2016</span>
    • Issue a1028f4d-ed27-4577-ab25-70ab4871203c:
      • 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.84:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div:nth-child(2) > div > div > ul > li:nth-child(2) > div > span
      • Context: <span class="post-date">21 July 2016</span>
    • Issue 26866897-deb7-441d-abd2-9be90f99d603:
      • 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.84:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div:nth-child(2) > div > div > ul > li:nth-child(1) > div > span
      • Context: <span class="post-date">22 July 2016</span>
    • Issue 89607fbf-8927-416a-9acf-7a61301ccf20:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
      • Message: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
      • Selector: html > body > div:nth-child(2) > div > div > div:nth-child(1) > img
      • Context: <img src="/assets/logo.png">
    • Issue 24c6f7dc-4f29-4b04-97e3-1299bd39c465:
      • 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.54:1. Recommendation: change text colour to #2d76a4.
      • Selector: html > body > div:nth-child(1) > nav > div > a:nth-child(4)
      • Context: <a class="page-link" target="_blank" href="http://github.com/kuoa">GitHub</a>
    • Issue b301d3b9-10dd-4c6e-973d-beca4d075269:
      • 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.54:1. Recommendation: change text colour to #2d76a4.
      • Selector: html > body > div:nth-child(1) > nav > div > a:nth-child(3)
      • Context: <a class="page-link" target="_top" href="https://kuoa.github.io/archive">Archive</a>
    • Issue 8267a5c4-d282-4a29-8dad-64638088f96e:
      • 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.54:1. Recommendation: change text colour to #2d76a4.
      • Selector: html > body > div:nth-child(1) > nav > div > a:nth-child(2)
      • Context: <a class="page-link" target="_top" href="https://kuoa.github.io/about">About</a>
    • Issue e35c60c0-6866-48d7-9f32-6b6262b9c4c3:
      • 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.54:1. Recommendation: change text colour to #2d76a4.
      • Selector: html > body > div:nth-child(1) > nav > div > a:nth-child(1)
      • Context: <a class="page-link" target="_top" href="https://kuoa.github.io/">Home</a>
    • Issue caf9e632-d01f-482a-8c68-0d566072c169:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
      • Message: Anchor element found with a valid href attribute, but no link content has been supplied.
      • Selector: html > body > div:nth-child(1) > nav > a
      • Context: <a href="#" class="menu-icon"> <i class="fa fa-navico...</a>
    • Issue 91c93da1-0e10-4044-85dc-afef259127ff:
      • 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><head> <meta charset="utf-8">...</html>

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