Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility errors found in your template #13

Open
wapyce-bot opened this issue Oct 26, 2018 · 0 comments
Open

Accessibility errors found in your template #13

wapyce-bot opened this issue Oct 26, 2018 · 0 comments

Comments

@wapyce-bot
Copy link

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

  • Page https://wall-e-jekyll.github.io/:
    • Issue c947c570-5574-4912-a235-03a80f1cd0d9:
      • 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 > main > div:nth-child(1) > div:nth-child(3) > div > div:nth-child(2) > div > img
      • Context: <img class="ui avatar image" src="/assets/img/profile.jpg">
    • Issue 8a6f85f9-109e-4a89-bd3e-6ef930639b04:
      • 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 > main > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div > img
      • Context: <img class="ui avatar image" src="/assets/img/profile.jpg">
    • Issue d73d3940-2bbf-42b6-accd-e19365996e8a:
      • 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 > main > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(2) > div > img
      • Context: <img class="ui avatar image" src="/assets/img/profile.jpg">
    • Issue e2c56f61-594d-4310-b85f-a6d200a88ac8:
      • 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 > div > header > nav > div:nth-child(1) > div > div > a:nth-child(3)
      • Context: <a class="item" href="https://github.com/abhn"> <i...</a>
    • Issue 74ecc2c0-53ff-45a4-b9ca-0bdd1abcc607:
      • 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 > div > header > nav > div:nth-child(1) > div > div > a:nth-child(2)
      • Context: <a class="item" href="http://stallman.org/facebook.html"> <i...</a>
    • Issue 9918f4b3-7b67-4877-9ede-54c186e96028:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.F68
      • Message: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.
      • Selector: #search-input
      • Context: <input placeholder="Search..." type="text" id="search-input" onkeypress="handleKeyPress()">
    • Issue 3e0dd61a-55df-42a5-b991-947d02f3141a:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputText.Name
      • Message: This textinput 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-input
      • Context: <input placeholder="Search..." type="text" id="search-input" onkeypress="handleKeyPress()">
    • Issue 948b5115-4979-4e00-b09a-06c3ea06a3aa:
      • 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 > div > div > header > div > h1 > a
      • Context: <a href="/"><img src="/assets/img/logo.png"...</a>
    • Issue 4876d258-953d-43fe-8612-9cda3137695c:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.H42.2
      • Message: Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.
      • Selector: html > body > div > div > header > div > h1
      • Context: <h1 class="site-logo"> <a href="/"><i...</h1>

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant