Accessibility errors found in your template
Opened this issue · 0 comments
wapyce-bot commented
The user @carlsonsantana validate your site template "https://nandomoreirame.github.io/nandomoreira-jekyll-theme/" and found these accessibility errors:
- Page https://nandomoreirame.github.io/nandomoreira-jekyll-theme/:
- Issue 12f4f96d-8648-4d6c-b5ae-8fad413afb9f:
- 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 type="text" id="search-input" placeholder="Search in 5 articles">
- Issue ca2096a9-8abd-4371-a032-0853eb7b28a6:
- 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 type="text" id="search-input" placeholder="Search in 5 articles">
- Issue 4f5cc7f3-9fd8-489f-9b30-6d58ba6e166a:
- Type: Error
- Code: WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID
- Message: This link points to a named anchor "!" within the document, but no anchor exists with that name.
- Selector:
#modalSearch > div:nth-child(2) > a
- Context:
<a href="#!" class="modal-close" data-modal-close="">×</a>
- Issue 7eccd271-a99a-4d6c-9c6e-d06896be9c76:
- 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 > a
- Context:
<a class="scroll-up fa fa-chevron-up bounce" href="#" data-position="0"></a>
- Issue 8cfcc6ce-45f1-4133-9cea-27a553e24e9a:
- 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.71:1. Recommendation: change text colour to #272727.
- Selector:
html > body > footer > div > small > a:nth-child(2)
- Context:
<a href="https://github.com/nandomoreirame/nandomoreira-jekyll-theme" target="_blank">Open source <i class="fa fa-hea...</a>
- Issue e5a5c7e2-818d-424e-b401-ef1699abfe29:
- 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.71:1. Recommendation: change text colour to #272727.
- Selector:
html > body > footer > div > small > a:nth-child(1)
- Context:
<a href="http://jekyllrb.com" target="_blank">Jekyll</a>
- Issue 4a4350a3-4b01-4b72-97f1-83b4d92b35ad:
- 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.64:1. Recommendation: change text colour to #717171.
- Selector:
html > body > footer > div > p > small
- Context:
<small>– Albert Einstein</small>
- Issue 4da36fec-d956-4c36-bbd2-ac7c33ace00f:
- 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 > footer > div > ul > li:nth-child(5) > a
- Context:
<a href="http://linkedin.com/in/nandomoreirame" class="icon-linkedin" target="_blank"> <i class="fa fa-link...</a>
- Issue f8997e1a-acc6-4e71-8756-afea86d2814b:
- 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 > footer > div > ul > li:nth-child(4) > a
- Context:
<a href="http://instagram.com/nandomoreira.me" class="icon-instagram" target="_blank"> <i class="fa fa-inst...</a>
- Issue 750037dc-570a-4e19-841b-155d3e9d6a7b:
- 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 > footer > div > ul > li:nth-child(3) > a
- Context:
<a href="http://twitter.com/nandomoreirame" class="icon-twitter" target="_blank"> <i class="fa fa-twit...</a>
- Issue 600c8887-5a49-45ad-b77c-a2cc9f9d4936:
- 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 > footer > div > ul > li:nth-child(2) > a
- Context:
<a href="http://facebook.com/fernando.dev" class="icon-facebook" target="_blank"> <i class="fa fa-face...</a>
- Issue 24126b3a-81c1-43d4-a7ac-9352cd86e056:
- 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 > footer > div > ul > li:nth-child(1) > a
- Context:
<a href="http://github.com/nandomoreirame" class="icon-github" target="_blank"> <i class="fa fa-gith...</a>
- Issue 4c39492c-e39a-4869-84b3-e32a13e7c71c:
- 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 > header > div > nav > ul > li:nth-child(3) > a
- Context:
<a href="/nandomoreira-jekyll-theme/feed.xml" target="_blank"><i class="fa fa-feed"></i></a>
- Issue cc0d7c8b-a404-4b57-a4ba-9b9293fa17b0:
- Type: Error
- Code: WCAG2AA.Principle2.Guideline2_4.2_4_1.G1,G123,G124.NoSuchID
- Message: This link points to a named anchor "!" within the document, but no anchor exists with that name.
- Selector:
html > body > header > div > nav > ul > li:nth-child(2) > a
- Context:
<a href="#!" data-modal="modalSearch"><i class="fa fa-search"></i></a>
- Issue 1d845753-01d9-4913-ac55-07fbf98fccf0:
- 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 > header > div > nav > ul > li:nth-child(2) > a
- Context:
<a href="#!" data-modal="modalSearch"><i class="fa fa-search"></i></a>
- Issue 12f4f96d-8648-4d6c-b5ae-8fad413afb9f:
You can check these accessibility errors using pa11y.
You can view the full validation results in our website.