Accessibility errors found in your template

[wapyce-bot]

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.