swift
swift copied to clipboard
Accessibility errors found in your template
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>
- Issue 2d309553-b020-405a-a7c9-b31a8ba99079:
You can check these accessibility errors using pa11y. You can view the full validation results in our website.