Jekyll-Modern-Blog icon indicating copy to clipboard operation
Jekyll-Modern-Blog copied to clipboard

Published 20 hours ago • verified publisher icon Open-SL

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://open-sl.github.io/Jekyll-Modern-Blog/" and found these accessibility errors:

  • Page https://open-sl.github.io/Jekyll-Modern-Blog/:
    • Issue 4de9f4fd-817d-412a-bf20-0be23ce3ff90:
      • 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.03:1. Recommendation: change text colour to #be4531.
      • Selector: #post-nav > span > a > span
      • Context: <span class="arrow">→</span>
    • Issue df2d227a-fb93-4812-a6d5-5a4c769b063d:
      • 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.03:1. Recommendation: change text colour to #be4531.
      • Selector: #post-nav > span > a
      • Context: <a href="/Jekyll-Modern-Blog/page2/"> Older Posts <span class="arrow...</a>
    • Issue 3285e07c-fdf7-4934-8fd9-8d3eab53c13b:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77
      • Message: Duplicate id attribute value "aliquam-suscipit" found on the web page.
      • Selector: #aliquam-suscipit
      • Context: <h3 id="aliquam-suscipit">Aliquam suscipit.</h3>
    • Issue 67cd8e86-b4c6-42f9-be2d-415a05a30caa:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77
      • Message: Duplicate id attribute value "dolor-sit-amet" found on the web page.
      • Selector: #dolor-sit-amet
      • Context: <h3 id="dolor-sit-amet">Dolor sit amet?</h3>
    • Issue ba6f654e-224a-4abf-8eab-83103ad062bd:
      • 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 > div > div:nth-child(2) > div:nth-child(3) > div > div > div:nth-child(3) > div > img
      • Context: <img class="meta__avatar" src="/Jekyll-Modern-Blog/img/authors/nadun.jpg">
    • Issue e3dc427f-b195-4322-93b2-0381e7b45d03:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77
      • Message: Duplicate id attribute value "aliquam-suscipit" found on the web page.
      • Selector: #aliquam-suscipit
      • Context: <h3 id="aliquam-suscipit">Aliquam suscipit.</h3>
    • Issue 24f1a5e8-91e9-4ed3-87de-18f2c3d2497c:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77
      • Message: Duplicate id attribute value "dolor-sit-amet" found on the web page.
      • Selector: #dolor-sit-amet
      • Context: <h3 id="dolor-sit-amet">Dolor sit amet?</h3>
    • Issue 91132e3f-e393-4fa8-9479-52c4d29c682a:
      • 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 > div > div:nth-child(2) > div:nth-child(2) > div > div > div:nth-child(3) > div > img
      • Context: <img class="meta__avatar" src="/Jekyll-Modern-Blog/img/authors/nadun.jpg">
    • Issue 9a8d2d6b-7314-472e-a5ff-b190138447ed:
      • 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 > div > div:nth-child(2) > div:nth-child(1) > div > div > div:nth-child(3) > div > img
      • Context: <img class="meta__avatar" src="/Jekyll-Modern-Blog/img/authors/nadun.jpg">
    • Issue 6dd40640-d2f5-4154-a902-9448e74b2ba1:
      • 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.5:1. Recommendation: change text colour to #6d6d6d.
      • Selector: html > body > div > header > h1 > span
      • Context: <span>Circular clip</span>

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

wapyce-bot avatar Oct 29 '18 00:10 wapyce-bot