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 #2

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

Accessibility errors found in your template #2

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

Comments

@wapyce-bot
Copy link

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

  • Page https://pranavrajs.github.io/swift/:
    • Issue 2d309553-b020-405a-a7c9-b31a8ba99079:
      • 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:nth-child(3) > div > div:nth-child(3) > div > div > form > p > a
      • Context: <a href="http://feeds.feedburner.com/maangalabs"><img style="margin-left:auto;ma...</a>
    • Issue 60018374-2672-4978-a57f-488ec8c1ede1:
      • 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: html > body > div:nth-child(3) > div > div:nth-child(3) > div > div > form > div > input:nth-child(1)
      • Context: <input type="text" class="form-control" name="email">
    • Issue cf49bc1a-34fd-420e-a9d8-24c70ae4b72e:
      • 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: html > body > div:nth-child(3) > div > div:nth-child(3) > div > div > form > div > input:nth-child(1)
      • Context: <input type="text" class="form-control" name="email">
    • Issue 6714e4cc-73c1-41f7-a615-5172d638b26b:
      • 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.85:1. Recommendation: change background to #007fa9.
      • Selector: html > body > div:nth-child(3) > div > div:nth-child(2) > div > a
      • Context: <a href="/blog/2014/09/09/example" class="btn btn-primary btn-sm">Read More</a>
    • Issue b2130de6-2a86-4163-9b41-8b697ca4e7b2:
      • 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.85:1. Recommendation: change text colour to #007fa9.
      • Selector: html > body > div:nth-child(3) > div > div:nth-child(2) > div > p:nth-child(2) > a
      • Context: <a href="/blog/2014/09/09/example#disqus_thread">Comments</a>
    • Issue 8cd1aeb1-6d7f-4968-bfca-ddb31fc8bbb4:
      • 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.85:1. Recommendation: change background to #007fa9.
      • Selector: html > body > div:nth-child(2) > div > div:nth-child(2) > p
      • Context: <p>A clean minimal Theme for Jekyl...</p>
    • Issue efe0359b-9179-4d48-817b-5114f2ca97f5:
      • 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.85:1. Recommendation: change background to #007fa9.
      • Selector: html > body > div:nth-child(1) > div:nth-child(2) > ul:nth-child(1) > li:nth-child(2) > a
      • Context: <a href="/swift/donate/">Donate</a>
    • Issue 5358591f-9461-4335-88fe-d8c2dde1b0e1:
      • 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.85:1. Recommendation: change background to #007fa9.
      • Selector: html > body > div:nth-child(1) > div:nth-child(2) > ul:nth-child(1) > li:nth-child(1) > a
      • Context: <a href="/swift/contribute/">Contribute</a>
    • Issue d97a4e94-71ef-461a-a5e9-c071aaad1189:
      • 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.85:1. Recommendation: change background to #007fa9.
      • Selector: html > body > div:nth-child(1) > div:nth-child(1) > a
      • Context: <a class="navbar-brand" href="/swift/">Swift</a>
    • Issue 7346521a-31fc-4b4f-bc7c-01f1fb414795:
      • Type: Error
      • Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Button.Name
      • Message: This button element does not have a name available to an accessibility API. Valid names are: title undefined, element content, aria-label undefined, aria-labelledby undefined.
      • Selector: html > body > div:nth-child(1) > div:nth-child(1) > button
      • Context: <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-inverse-collapse"> <span class="icon-ba...</button>
    • Issue 8b758e75-887d-449c-8508-af732c68c9f8:
      • 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.

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