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.17:1. Recommendation: change text colour to #007a6f.
Selector: html > body > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div > footer > 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.67:1. Recommendation: change text colour to #008579.
Selector: html > body > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(5) > div:nth-child(2) > h4 > 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.67:1. Recommendation: change text colour to #008579.
Selector: html > body > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(3) > div:nth-child(2) > h4 > a
Context: <a href="https://codeasashu.github.io/hcz-jekyll-blog/others/2016/06/04/example-content.html">Example content for posts</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.67:1. Recommendation: change text colour to #008579.
Selector: html > body > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(1) > div:nth-child(2) > h4 > a
Context: <a href="https://codeasashu.github.io/hcz-jekyll-blog/jekyll/2016/06/04/welcome-to-jekyll.html">Welcome to Jekyll!</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.67:1. Recommendation: change background to #008579.
Selector: #bs-example-navbar-collapse-1 > ul > li:nth-child(6) > a
Context: <a href="https://codeasashu.github.io/hcz-jekyll-blog/feed.xml" target="_blank"><i class="fa fa-feed"></i> XML ...</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.67:1. Recommendation: change background to #008579.
Selector: #bs-example-navbar-collapse-1 > ul > li:nth-child(5) > 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.67:1. Recommendation: change background to #008579.
Selector: #bs-example-navbar-collapse-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.67:1. Recommendation: change background to #008579.
Selector: #bs-example-navbar-collapse-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.67:1. Recommendation: change background to #008579.
Selector: #bs-example-navbar-collapse-1 > ul > li:nth-child(2) > 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 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.72:1. Recommendation: change background to #008579.
Selector: html > body > div:nth-child(1) > div > div > div:nth-child(1) > div:nth-child(2) > p
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.72:1. Recommendation: change background to #008579.
Selector: html > body > div:nth-child(1) > div > div > div:nth-child(1) > div:nth-child(2) > h4
The user @carlsonsantana validate your site template "https://codeasashu.github.io/hcz-jekyll-blog" and found these accessibility errors:
#google_osd_static_frame_6407425108843<iframe id="google_osd_static_frame_6407425108843" name="google_osd_static_frame" style="display: none; width: 0px; height: 0px;"></iframe>#aswift_0<iframe width="720" height="60" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&&s.handlers,h=H&...html > body > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div > div<div align="center"><script async="" src="https:...</div>html > body > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > div > footer > a<a href="#">Privacy link</a>html > body > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(5) > div:nth-child(2) > h4 > a<a href="https://codeasashu.github.io/hcz-jekyll-blog/others/2015/06/04/test-page.html">Test Page</a>html > body > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(3) > div:nth-child(2) > h4 > a<a href="https://codeasashu.github.io/hcz-jekyll-blog/others/2016/06/04/example-content.html">Example content for posts</a>html > body > div:nth-child(2) > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(1) > div:nth-child(2) > h4 > a<a href="https://codeasashu.github.io/hcz-jekyll-blog/jekyll/2016/06/04/welcome-to-jekyll.html">Welcome to Jekyll!</a>#bs-example-navbar-collapse-1 > ul > li:nth-child(6) > a<a href="https://codeasashu.github.io/hcz-jekyll-blog/feed.xml" target="_blank"><i class="fa fa-feed"></i> XML ...</a>#bs-example-navbar-collapse-1 > ul > li:nth-child(5) > a<a href="https://codeasashu.github.io/hcz-jekyll-blog/#" target="_self"><i class="fa fa-github"></i> Gi...</a>#bs-example-navbar-collapse-1 > ul > li:nth-child(4) > a<a href="https://codeasashu.github.io/hcz-jekyll-blog/#" target="_self"><i class="fa fa-graduation-cap"...</a>#bs-example-navbar-collapse-1 > ul > li:nth-child(3) > a<a href="https://codeasashu.github.io/hcz-jekyll-blog/projects" target="_self"><i class="fa fa-desktop"></i> P...</a>#bs-example-navbar-collapse-1 > ul > li:nth-child(2) > a<a href="https://codeasashu.github.io/hcz-jekyll-blog/about/" target="_self"><i class="fa fa-comments"></i> ...</a>#js-search__input<input class="form-control" type="text" id="js-search__input" placeholder="Search">#js-search__input<input class="form-control" type="text" id="js-search__input" placeholder="Search">html > body > div:nth-child(1) > div > div > div:nth-child(1) > div:nth-child(2) > div > a:nth-child(4)<a class="icon" target="_blank" href=""><i class="fa fa-stack-exchange"...</a>html > body > div:nth-child(1) > div > div > div:nth-child(1) > div:nth-child(2) > div > a:nth-child(3)<a class="icon" target="_blank" href=""><i class="fa fa-linkedin"></i></a>html > body > div:nth-child(1) > div > div > div:nth-child(1) > div:nth-child(2) > div > a:nth-child(2)<a class="icon" target="_blank" href=""><i class="fa fa-twitter"></i></a>html > body > div:nth-child(1) > div > div > div:nth-child(1) > div:nth-child(2) > div > a:nth-child(1)<a class="icon" target="_blank" href=""><i class="fa fa-facebook"></i></a>html > body > div:nth-child(1) > div > div > div:nth-child(1) > div:nth-child(2) > p<p class="list-group-item-text">Freelance developer</p>html > body > div:nth-child(1) > div > div > div:nth-child(1) > div:nth-child(2) > h4<h4 class="list-group-item-heading">John Smith</h4>#about<img id="about" class="logo-img" src="/hcz-jekyll-blog/static/img/avatar.png" height="75px" width="75px">html<html><head><meta chars...</html>You can check these accessibility errors using pa11y. You can view the full validation results in our website.