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 1.3:1. Recommendation: change text colour to #73777b.
Selector: html > body > div > footer > div > h6 > a
Context: <a href="https://twitter.com/connor_baer" aria-label="Follow Connor Bär on Twitter.">Connor Bär</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 1.3:1. Recommendation: change text colour to #73777b.
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.32:1. Recommendation: change text colour to #6f777f.
Selector: html > body > div > footer > div > div:nth-child(2) > div:nth-child(2) > nav > 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.32:1. Recommendation: change text colour to #6f777f.
Selector: html > body > div > footer > div > div:nth-child(2) > div:nth-child(2) > nav > ul > li:nth-child(2) > 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.32:1. Recommendation: change text colour to #6f777f.
Selector: html > body > div > footer > div > div:nth-child(2) > div:nth-child(2) > nav > ul > li:nth-child(1) > 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.32:1. Recommendation: change text colour to #6f777f.
Selector: html > body > div > footer > div > div:nth-child(2) > div:nth-child(1) > nav > 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.32:1. Recommendation: change text colour to #6f777f.
Selector: html > body > div > footer > div > div:nth-child(2) > div:nth-child(1) > nav > ul > li:nth-child(2) > 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.32:1. Recommendation: change text colour to #6f777f.
Selector: html > body > div > footer > div > div:nth-child(2) > div:nth-child(1) > nav > ul > li:nth-child(1) > 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.32:1. Recommendation: change text colour to #6f777f.
Selector: #js-list > ul > li:nth-child(5) > article > a > div:nth-child(2) > div > span:nth-child(2) > span
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.32:1. Recommendation: change text colour to #6f777f.
Selector: #js-list > ul > li:nth-child(5) > article > a > div:nth-child(2) > div > span:nth-child(1) > span
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.32:1. Recommendation: change text colour to #6f777f.
Selector: #js-list > ul > li:nth-child(5) > article > a > div:nth-child(2) > div > span: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.32:1. Recommendation: change text colour to #6f777f.
Selector: #js-list > ul > li:nth-child(4) > article > a > div:nth-child(2) > div > span:nth-child(2) > span
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.32:1. Recommendation: change text colour to #6f777f.
Selector: #js-list > ul > li:nth-child(4) > article > a > div:nth-child(2) > div > span:nth-child(1) > span
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.32:1. Recommendation: change text colour to #6f777f.
Selector: #js-list > ul > li:nth-child(4) > article > a > div:nth-child(2) > div > span: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.32:1. Recommendation: change text colour to #6f777f.
Selector: #js-list > ul > li:nth-child(3) > article > a > div:nth-child(2) > div > span:nth-child(2) > span
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.32:1. Recommendation: change text colour to #6f777f.
Selector: #js-list > ul > li:nth-child(3) > article > a > div:nth-child(2) > div > span:nth-child(1) > span
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.32:1. Recommendation: change text colour to #6f777f.
Selector: #js-list > ul > li:nth-child(3) > article > a > div:nth-child(2) > div > span: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.32:1. Recommendation: change text colour to #6f777f.
Selector: #js-list > ul > li:nth-child(2) > article > a > div:nth-child(2) > div > span:nth-child(2) > span
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.32:1. Recommendation: change text colour to #6f777f.
Selector: #js-list > ul > li:nth-child(2) > article > a > div:nth-child(2) > div > span:nth-child(1) > span
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.32:1. Recommendation: change text colour to #6f777f.
Selector: #js-list > ul > li:nth-child(2) > article > a > div:nth-child(2) > div > span: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.32:1. Recommendation: change text colour to #6f777f.
Selector: #js-list > ul > li:nth-child(1) > article > a > div:nth-child(2) > div > span:nth-child(2) > span
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.32:1. Recommendation: change text colour to #6f777f.
Selector: #js-list > ul > li:nth-child(1) > article > a > div:nth-child(2) > div > span:nth-child(1) > span
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.32:1. Recommendation: change text colour to #6f777f.
Selector: #js-list > ul > li:nth-child(1) > article > a > div:nth-child(2) > div > span: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.32:1. Recommendation: change background to #6f777f.
Selector: #js-list > form > fieldset:nth-child(5) > label:nth-child(3) > span
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.32:1. Recommendation: change background to #6f777f.
Selector: #js-list > form > fieldset:nth-child(5) > label:nth-child(2) > span
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.32:1. Recommendation: change background to #6f777f.
Selector: #js-list > form > fieldset:nth-child(5) > label:nth-child(1) > span
Message: This fieldset element does not have a name available to an accessibility API. Valid names are: legend element, 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.32:1. Recommendation: change background to #6f777f.
Selector: #js-list > form > fieldset:nth-child(4) > label:nth-child(3) > span
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.32:1. Recommendation: change background to #6f777f.
Selector: #js-list > form > fieldset:nth-child(4) > label:nth-child(2) > span
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.32:1. Recommendation: change background to #6f777f.
Selector: #js-list > form > fieldset:nth-child(4) > label:nth-child(1) > span
Message: This fieldset element does not have a name available to an accessibility API. Valid names are: legend element, 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.32:1. Recommendation: change background to #6f777f.
Selector: #js-list > form > fieldset:nth-child(3) > label > span
Message: This fieldset element does not have a name available to an accessibility API. Valid names are: legend element, 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.32:1. Recommendation: change background to #6f777f.
Selector: #js-list > form > fieldset:nth-child(2) > label:nth-child(4) > span
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.32:1. Recommendation: change background to #6f777f.
Selector: #js-list > form > fieldset:nth-child(2) > label:nth-child(3) > span
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.32:1. Recommendation: change background to #6f777f.
Selector: #js-list > form > fieldset:nth-child(2) > label:nth-child(2) > span
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.32:1. Recommendation: change background to #6f777f.
Selector: #js-list > form > fieldset:nth-child(2) > label:nth-child(1) > span
Message: This fieldset element does not have a name available to an accessibility API. Valid names are: legend element, aria-label undefined, aria-labelledby undefined.
Message: This fieldset element does not have a name available to an accessibility API. Valid names are: legend element, 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.
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 text colour to #949494.
Selector: html > body > div > div > div:nth-child(1) > header > a > h1
Context: <h1 class="hero-title">A simple Jekyll theme with a ph...</h1>
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 1:1. Recommendation: change text colour to #767676.
Selector: #js-metabarNav > 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 1:1. Recommendation: change text colour to #767676.
Selector: #js-metabarNav > ul > li:nth-child(2) > 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 1:1. Recommendation: change text colour to #767676.
Selector: #js-metabarNav > ul > li:nth-child(1) > 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 text colour to #949494.
Selector: #metabar > div > div:nth-child(1) > a:nth-child(3)
Context: <a class="metabar-title" href="https://madebyconnor.github.io/summer#" data-scroll="" aria-label="Visit the homepage." title="Visit the homepage.">Summer</a>
Hi,
I really like your theme. It has all the necessary tools for a food blogger! I was having a problem seeing the images on individual recipe pages. For instance the Austrian Vanilla Crescents page contains many image files none of which open. Is there anything I can do on my end to fix this? Tx.
When adding a new image to the _images folder, is there a certain task I need to run for the image versions (small, large) to be created in assets? Thanks in advance.
Hello !
After using this template, replace line 43 in _config.yml from "baseurl: /summer" to "baseurl: /"
My image does not want to load. After this change, it works fine without doing anything else.
What am I doing wrong: Switching "dark_theme:" to True does nothing, so how do you turn on dark mode? Do I need to rename "styles-dark.css" and "styles-dark.css.map" to "styles.css" and "styles.css.map" This seems like it should not be an issue and yet it is. I have worked on this a while with no solution. Could you please let me know what I am doing wrong?
Thanks for any help