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.44:1. Recommendation: change text colour to #6f7879.
Selector: html > body > main > section > div > div > div:nth-child(4) > a:nth-child(3) > p
Context: <p>Lorem ipsum dolor sit amet, con...</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.44:1. Recommendation: change text colour to #6f7879.
Selector: html > body > main > section > div > div > div:nth-child(4) > a:nth-child(3) > div > span > time
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.44:1. Recommendation: change text colour to #6f7879.
Selector: html > body > main > section > div > div > div:nth-child(3) > a:nth-child(3) > p
Context: <p>You’ll find this post in your _...</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.44:1. Recommendation: change text colour to #6f7879.
Selector: html > body > main > section > div > div > div:nth-child(3) > a:nth-child(3) > div > span > time
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.44:1. Recommendation: change text colour to #6f7879.
Selector: html > body > main > section > div > div > div:nth-child(2) > a:nth-child(3) > p
Context: <p>Markdown is a way to style text...</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.44:1. Recommendation: change text colour to #6f7879.
Selector: html > body > main > section > div > div > div:nth-child(2) > a:nth-child(3) > div > span > time
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.44:1. Recommendation: change text colour to #6f7879.
Selector: html > body > main > section > div > div > div:nth-child(1) > a:nth-child(3) > p
Context: <p>Getting started GitHub Pages ca...</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.44:1. Recommendation: change text colour to #6f7879.
Selector: html > body > main > section > div > div > div:nth-child(1) > a:nth-child(3) > div > span > time
The user @carlsonsantana validate your site template "https://janczizikow.github.io/sleek/" and found these accessibility errors:
html > body > footer > div > nav > a:nth-child(3)
<a class="social__link" target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/shanlongjj"> <svg class="social__icon" view...</a>
html > body > footer > div > nav > a:nth-child(2)
<a class="social__link" target="_blank" rel="noopener noreferrer" href="https://www.twitter.com/jan_czizikow"> <svg class="social__icon" view...</a>
html > body > footer > div > nav > a:nth-child(1)
<a class="social__link" target="_blank" rel="noopener noreferrer" href="https://github.com/janczizikow"> <svg class="social__icon" view...</a>
html > body > main > section > div > div > div:nth-child(4) > a:nth-child(3) > p
<p>Lorem ipsum dolor sit amet, con...</p>
html > body > main > section > div > div > div:nth-child(4) > a:nth-child(3) > div > span > time
<time>May 20, 2016</time>
html > body > main > section > div > div > div:nth-child(3) > a:nth-child(3) > p
<p>You’ll find this post in your _...</p>
html > body > main > section > div > div > div:nth-child(3) > a:nth-child(3) > div > span > time
<time>May 20, 2016</time>
html > body > main > section > div > div > div:nth-child(3) > a:nth-child(2)
<a href="/sleek/welcome-to-jekyll/"><figure class="post-card__thumb...</a>
html > body > main > section > div > div > div:nth-child(2) > a:nth-child(3) > p
<p>Markdown is a way to style text...</p>
html > body > main > section > div > div > div:nth-child(2) > a:nth-child(3) > div > span > time
<time>Oct 15, 2017</time>
html > body > main > section > div > div > div:nth-child(1) > a:nth-child(3) > p
<p>Getting started GitHub Pages ca...</p>
html > body > main > section > div > div > div:nth-child(1) > a:nth-child(3) > div > span > time
<time>Nov 26, 2017</time>
html > body > header > div > div > a
<a class="header__logo" href="/sleek/"><div class="header__logo--conta...</a>
You can check these accessibility errors using pa11y. You can view the full validation results in our website.