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>
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.
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
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
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
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
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.
The user @carlsonsantana validate your site template "https://ttskch.github.io/jekyll-ttskch-theme/" and found these accessibility errors:
html > body > footer > div > span
<span>Powered by <a href="http://jeky...</span>
html > body > div > aside > div > ul:nth-child(3) > li:nth-child(3) > a
<a href="https://twitter.com/ttskch" target="_blank"> <i class="fa fa-fw fa-...</a>
html > body > div > aside > div > ul:nth-child(3) > li:nth-child(2) > a
<a href="https://github.com/ttskch" target="_blank"> <i class="fa fa-fw fa-...</a>
html > body > div > aside > div > ul:nth-child(3) > li:nth-child(1) > a
<a href="/jekyll-ttskch-theme/feed.xml"> <i class="fa fa-fw fa-...</a>
#search
<input type="search" id="search" name="q" placeholder="Search">
html > body > div > aside > div > div:nth-child(1) > form
<form action="/jekyll-ttskch-theme/search"> <input typ...</form>
html > body > div > div > div > article > header > p > img
<img class="eye-catch" src="http://jekyllrb.com/img/logo-2x.png">
html > body > div > div > div > article > header > div:nth-child(1) > ul > li:nth-child(4) > a
<a class="tag" href="/jekyll-ttskch-theme/search/?t=theme">#theme</a>
html > body > div > div > div > article > header > div:nth-child(1) > ul > li:nth-child(3) > a
<a class="tag" href="/jekyll-ttskch-theme/search/?t=jekyll">#jekyll</a>
html > body > div > div > div > article > header > div:nth-child(1) > ul > li:nth-child(2) > a
<a class="tag" href="/jekyll-ttskch-theme/search/?t=hello">#hello</a>
html > body > div > div > div > article > header > div:nth-child(1) > h1 > a
<a class="post-link" href="/jekyll-ttskch-theme/2015/01/01/hello/">Hello, Jekyll and TtskchTheme</a>
html > body > header > div > a
<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.