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.79:1. Recommendation: change text colour to #00aa63.
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.79:1. Recommendation: change text colour to #00aa63.
Selector: #js-2 > div > blockquote:nth-child(6) > p
Context: <p>Give me a chance and you’ll mel...</p>
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.79:1. Recommendation: change text colour to #00aa63.
Selector: #js-2 > div > blockquote:nth-child(3) > p
Context: <p>No life is more important than ...</p>
Issue 5360f9aa-a5bf-4266-aaf4-775b364ae1c1:
Type: Error
Code: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
Message: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
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.79:1. Recommendation: change text colour to #00aa63.
Selector: #winter-is-coming > div > h1
Context: <h1 class="post-title">Winter is coming.</h1>
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.79:1. Recommendation: change text colour to #00aa63.
Selector: #js-1 > div > blockquote > p
Context: <p>Spring is the time of plans and...</p>
Issue a93b0f2b-0527-4881-b611-715dbf0e2263:
Type: Error
Code: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
Message: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
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.79:1. Recommendation: change text colour to #00aa63.
Selector: html > body > div > div > header > div:nth-child(2) > div > h1
The user @carlsonsantana validate your site template "https://madebyconnor.github.io/spring/" and found these accessibility errors:
#js-3 > img
<img class="post-image" style="z-index: 1" src="/spring/img/autumn.jpg" srcset="/spring/img/autumn.jpg 900w, /spring/img/autumn1500w.jpg 1500w, /spring/img/autumn600w.jpg 600w" sizes="(min-width: 768px) 50vw, 100vw">
#autumn-leaves > div > h1
<h1 class="post-title">Autumn leaves...</h1>
#js-2 > div > blockquote:nth-child(6) > p
<p>Give me a chance and you’ll mel...</p>
#js-2 > div > blockquote:nth-child(3) > p
<p>No life is more important than ...</p>
#js-2 > img
<img class="post-image" style="z-index: 2" src="/spring/img/winter.jpg" srcset="/spring/img/winter.jpg 900w, /spring/img/winter1500w.jpg 1500w, /spring/img/winter600w.jpg 600w" sizes="(min-width: 768px) 50vw, 100vw">
#winter-is-coming > div > h1
<h1 class="post-title">Winter is coming.</h1>
#js-1 > div > blockquote > p
<p>Spring is the time of plans and...</p>
#js-1 > img
<img class="post-image" style="z-index: 3" src="/spring/img/spring.jpg" srcset="/spring/img/spring.jpg 900w, /spring/img/spring1500w.jpg 1500w, /spring/img/spring600w.jpg 600w" sizes="(min-width: 768px) 50vw, 100vw">
html > body > div > div > header > div:nth-child(2) > div > h1
<h1 class="header-title">It's Spring!</h1>
#js-header > div:nth-child(2) > a:nth-child(3)
<a href="https://github.com/madebyconnor" target="_blank"><svg class="social-icon" width=...</a>
#js-header > div:nth-child(2) > a:nth-child(2)
<a href="https://twitter.com/connor_baer" target="_blank"><svg class="social-icon" width=...</a>
#js-header > div:nth-child(2) > a:nth-child(1)
<a href="https://medium.com/@connor_baer" target="_blank"><svg class="social-icon" width=...</a>
#js-header > div:nth-child(1) > a
<a href="http://connorbaer.io/"><svg class="social-print" width...</a>
You can check these accessibility errors using pa11y. You can view the full validation results in our website.