Skip to content

Accessibility errors found in your template #43

@wapyce-bot

Description

@wapyce-bot

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

  • Page https://ttskch.github.io/jekyll-ttskch-theme/:
    • Issue 49b2bd16-1c15-4923-bdbd-723c3bb864a5:
      • 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.69:1. Recommendation: change text colour to #767676.
      • Selector: html > body > footer > div > span
      • Context: <span>Powered by <a href="http://jeky...</span>
    • Issue c4f58384-c530-4e4e-a0a5-97d770dc646e:
      • 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 > aside > div > ul:nth-child(3) > li:nth-child(3) > a
      • Context: <a href="https://twitter.com/ttskch" target="_blank"> <i class="fa fa-fw fa-...</a>
    • Issue 8e5bad64-442f-4a0e-9239-567ca790140b:
      • 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 > aside > div > ul:nth-child(3) > li:nth-child(2) > a
      • Context: <a href="https://github.com/ttskch" target="_blank"> <i class="fa fa-fw fa-...</a>
    • Issue f569633e-0524-49a4-8da0-90ff40ff333e:
      • 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 > aside > div > ul:nth-child(3) > li:nth-child(1) > a
      • Context: <a href="/jekyll-ttskch-theme/feed.xml"> <i class="fa fa-fw fa-...</a>
    • Issue ecebcbd5-6a8a-4b33-a448-7c2dbe501a5f:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputSearch.Name
      • Message: This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.
      • Selector: #search
      • Context: <input type="search" id="search" name="q" placeholder="Search">
    • Issue 3dbd452b-1eaf-4139-8c5d-05f0533d3028:
      • Type: Error
      • Code: WCAG2AA.Principle3.Guideline3_2.3_2_2.H32.2
      • Message: This form does not contain a submit button, which creates issues for those who cannot submit the form using the keyboard. Submit buttons are INPUT elements with type attribute "submit" or "image", or BUTTON elements with type "submit" or omitted/invalid.
      • Selector: html > body > div > aside > div > div:nth-child(1) > form
      • Context: <form action="/jekyll-ttskch-theme/search"> <input typ...</form>
    • Issue a14ba7e6-90a1-46a6-ba07-3d748ad6fde5:
      • 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 > article > header > p > img
      • Context: <img class="eye-catch" src="http://jekyllrb.com/img/logo-2x.png">
    • Issue 8b3ce738-414e-40c8-a221-2c7ede65e560:
      • 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.96:1. Recommendation: change text colour to #6e2300.
      • Selector: html > body > div > div > div > article > header > div:nth-child(1) > ul > li:nth-child(4) > a
      • Context: <a class="tag" href="/jekyll-ttskch-theme/search/?t=theme">#theme</a>
    • Issue 89cc689c-1861-43d8-bd61-1116c3de0129:
      • 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.96:1. Recommendation: change text colour to #6e2300.
      • Selector: html > body > div > div > div > article > header > div:nth-child(1) > ul > li:nth-child(3) > a
      • Context: <a class="tag" href="/jekyll-ttskch-theme/search/?t=jekyll">#jekyll</a>
    • Issue c05b79e7-0fa8-448f-87ba-f6fd183766f2:
      • 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.96:1. Recommendation: change text colour to #6e2300.
      • Selector: html > body > div > div > div > article > header > div:nth-child(1) > ul > li:nth-child(2) > a
      • Context: <a class="tag" href="/jekyll-ttskch-theme/search/?t=hello">#hello</a>
    • Issue bf0dabed-a2da-49be-80c6-293160e53276:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
      • Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1:1. Recommendation: change background to #9c3200.
      • Selector: html > body > div > div > div > article > header > div:nth-child(1) > h1 > a
      • Context: <a class="post-link" href="/jekyll-ttskch-theme/2015/01/01/hello/">Hello, Jekyll and TtskchTheme</a>
    • Issue ad085947-436e-4f74-921a-4b7f9dad8338:
      • 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 > header > div > a
      • Context: <a href="/jekyll-ttskch-theme/"> <img class="avatar...</a>

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