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.12:1. Recommendation: change text colour to #0378d5.
Selector: html > body > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > p > a:nth-child(2)
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.12:1. Recommendation: change text colour to #0378d5.
Selector: html > body > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > p > a:nth-child(1)
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.12:1. Recommendation: change text colour to #0378d5.
Selector: html > body > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > p > 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.12:1. Recommendation: change text colour to #0378d5.
Selector: html > body > div > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > p > a:nth-child(3)
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.12:1. Recommendation: change text colour to #0378d5.
Selector: html > body > div > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > p > a:nth-child(2)
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.12:1. Recommendation: change text colour to #0378d5.
Selector: html > body > div > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > p > a:nth-child(1)
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.12:1. Recommendation: change background to #0378d5.
Selector: html > body > div > div > div:nth-child(1) > div > p:nth-child(3) > a
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.
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.
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: #navbar > div > form > div > span > input:nth-child(1)
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: #navbar > div > form > div > span > input:nth-child(1)
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.
The user @carlsonsantana validate your site template "https://aksakalli.github.io/jekyll-doc-theme/" and found these accessibility errors:
html > body > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(3) > h1<h1 class="text-center"><i class="fa fa-code-fork" aria...</h1>html > body > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > p > a:nth-child(2)<a href="https://bootswatch.com/">Bootwatch themes</a>html > body > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > p > a:nth-child(1)<a href="https://github.com/twbs/bootstrap-sass">bootstrap-sass</a>html > body > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > h1<h1 class="text-center"><i class="fa fa-cogs" aria-hidd...</h1>html > body > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > p > a<a href="https://pages.github.com">GitHub Pages</a>html > body > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > h1<h1 class="text-center"><i class="fa fa-pencil" aria-hi...</h1>html > body > div > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > p > a:nth-child(3)<a href="https://pages.github.com">GitHub Pages</a>html > body > div > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > p > a:nth-child(2)<a href="https://github.com/Shopify/liquid/wiki">Liquid</a>html > body > div > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > p > a:nth-child(1)<a href="https://daringfireball.net/projects/markdown/">Markdown</a>html > body > div > div > div:nth-child(1) > div > p:nth-child(3) > a<a class="btn btn-primary btn-lg" href="/jekyll-doc-theme/docs/home/" role="button">Learn more</a>#navbar > div > ul > li > a<a href="https://github.com/aksakalli/jekyll-doc-theme"><i class="fa fa-github" aria-hi...</a>#search-box<input id="search-box" type="text" class="form-control tt-input" placeholder="Search..." autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top; background-color: transparent;">#search-box<input id="search-box" type="text" class="form-control tt-input" placeholder="Search..." autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top; background-color: transparent;">#navbar > div > form > div > span > input:nth-child(1)<input type="text" class="form-control tt-hint" readonly="" autocomplete="off" spellcheck="false" tabindex="-1" dir="ltr" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; opacity: 1; background: none 0% 0% ...#navbar > div > form > div > span > input:nth-child(1)<input type="text" class="form-control tt-hint" readonly="" autocomplete="off" spellcheck="false" tabindex="-1" dir="ltr" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; opacity: 1; background: none 0% 0% ...#navbar > div > form<form class="navbar-form navbar-left"><div class...</form>You can check these accessibility errors using pa11y. You can view the full validation results in our website.