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.92:1. Recommendation: change text colour to #767676.
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.92:1. Recommendation: change text colour to #767676.
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.92:1. Recommendation: change text colour to #767676.
Selector: #main > article:nth-child(5) > header > div:nth-child(2) > span:nth-child(1) > time > 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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(4) > div > div:nth-child(3) > div > pre > code > span:nth-child(10)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(4) > div > div:nth-child(3) > div > pre > code > span:nth-child(1)
Context: <span class="nt"><iframe</span>
Issue 87adc8c1-aaa8-4b62-8bb5-97e43d680148:
Type: Error
Code: WCAG2AA.Principle2.Guideline2_4.2_4_1.H64.1
Message: Iframe element requires a non-empty title attribute that identifies the frame.
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.92:1. Recommendation: change text colour to #767676.
Selector: #main > article:nth-child(4) > header > div > span: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 1.92:1. Recommendation: change text colour to #767676.
Selector: #main > article:nth-child(4) > header > div > span:nth-child(2) > span > a
Context: <a href="https://mmistakes.github.io/hpstr-jekyll-theme/about/" title="About Michael Rose">Michael Rose</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.92:1. Recommendation: change text colour to #767676.
Selector: #main > article:nth-child(4) > header > div > span:nth-child(1) > time > 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.92:1. Recommendation: change text colour to #767676.
Selector: #main > article:nth-child(3) > header > div > span: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 1.92:1. Recommendation: change text colour to #767676.
Selector: #main > article:nth-child(3) > header > div > span:nth-child(2) > span > a
Context: <a href="https://mmistakes.github.io/hpstr-jekyll-theme/about/" title="About Michael Rose">Michael Rose</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.92:1. Recommendation: change text colour to #767676.
Selector: #main > article:nth-child(3) > header > div > span:nth-child(1) > time > 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.03:1. Recommendation: change text colour to #fffffe.
Selector: #main > article:nth-child(2) > div > ol > li:nth-child(2) > div > div > pre > code > span:nth-child(17)
Context: <span class="c1">#=> prints 'Hi, Tom' to STDO...</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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(98)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(84)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(76)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(69)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(66)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(59)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(56)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(28)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(25)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(22)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(19)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(5)
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.03:1. Recommendation: change text colour to #fffffe.
Selector: #main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(26)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(25)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(24)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(23)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(16)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(15)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(14)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(7)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(6)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > 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.03:1. Recommendation: change text colour to #fffffe.
Selector: #main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(26)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(25)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(24)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(23)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(16)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(15)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(14)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(7)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(6)
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.93:1. Recommendation: change background to #1b1c16.
Selector: #main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > 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 1.92:1. Recommendation: change text colour to #767676.
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.92:1. Recommendation: change text colour to #767676.
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.92:1. Recommendation: change text colour to #767676.
Selector: #main > article:nth-child(2) > header > div:nth-child(2) > span:nth-child(1) > time > 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.92:1. Recommendation: change text colour to #767676.
Selector: #main > article:nth-child(1) > header > div > span: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 1.92:1. Recommendation: change text colour to #767676.
Selector: #main > article:nth-child(1) > header > div > span:nth-child(2) > span > a
Context: <a href="https://mmistakes.github.io/hpstr-jekyll-theme/about/" title="About Michael Rose">Michael Rose</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.92:1. Recommendation: change text colour to #767676.
Selector: #main > article:nth-child(1) > header > div > span:nth-child(1) > time > 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.32:1. Recommendation: change background to #757575.
The user @carlsonsantana validate your site template "https://mmistakes.github.io/hpstr-jekyll-theme/" and found these accessibility errors:
#google_osd_static_frame_4920671436266<iframe id="google_osd_static_frame_4920671436266" name="google_osd_static_frame" style="display: none; width: 0px; height: 0px;"></iframe>#aswift_0<iframe width="320" height="50" 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&...#main > article:nth-child(5) > header > div:nth-child(2) > span:nth-child(3)<span class="entry-reading-time"> <i class="fa fa-clock-...</span>#main > article:nth-child(5) > header > div:nth-child(2) > span:nth-child(2) > span > a<a href="https://mmistakes.github.io/hpstr-jekyll-theme/about/" title="About Michael Rose">Michael Rose</a>#main > article:nth-child(5) > header > div:nth-child(2) > span:nth-child(1) > time > a<a href="https://mmistakes.github.io/hpstr-jekyll-theme/readability-feature-post/">May 23, 2013</a>#main > article:nth-child(4) > div > div:nth-child(3) > div > pre > code > span:nth-child(10)<span class="nt">></iframe></span>#main > article:nth-child(4) > div > div:nth-child(3) > div > pre > code > span:nth-child(1)<span class="nt"><iframe</span>#fitvid212622<iframe src="//www.youtube.com/embed/SU3kYxJmWuQ" frameborder="0" id="fitvid212622"></iframe>#main > article:nth-child(4) > header > div > span:nth-child(3)<span class="entry-reading-time"> <i class="fa fa-clock-...</span>#main > article:nth-child(4) > header > div > span:nth-child(2) > span > a<a href="https://mmistakes.github.io/hpstr-jekyll-theme/about/" title="About Michael Rose">Michael Rose</a>#main > article:nth-child(4) > header > div > span:nth-child(1) > time > a<a href="https://mmistakes.github.io/hpstr-jekyll-theme/video-post/">June 25, 2013</a>#main > article:nth-child(3) > header > div > span:nth-child(3)<span class="entry-reading-time"> <i class="fa fa-clock-...</span>#main > article:nth-child(3) > header > div > span:nth-child(2) > span > a<a href="https://mmistakes.github.io/hpstr-jekyll-theme/about/" title="About Michael Rose">Michael Rose</a>#main > article:nth-child(3) > header > div > span:nth-child(1) > time > a<a href="https://mmistakes.github.io/hpstr-jekyll-theme/sample-link-post/">August 12, 2013</a>#main > article:nth-child(2) > div > ol > li:nth-child(2) > div > div > pre > code > span:nth-child(17)<span class="c1">#=> prints 'Hi, Tom' to STDO...</span>#main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(98)<span class="o">=</span>#main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(84)<span class="o">=</span>#main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(76)<span class="o">||</span>#main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(69)<span class="o">=</span>#main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(66)<span class="o">||</span>#main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(59)<span class="o">=</span>#main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(56)<span class="o">=</span>#main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(28)<span class="o">=</span>#main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(25)<span class="o">=</span>#main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(22)<span class="o">=</span>#main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(19)<span class="o">=</span>#main > article:nth-child(2) > div > div:nth-child(8) > div > pre > code > span:nth-child(5)<span class="o"><</span>#main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(26)<span class="c"><!-- /.pagination --></span>#main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(25)<span class="nt"></nav></span>#main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(24)<span class="nt"></a></span>#main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(23)<span class="nt">></span>#main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(16)<span class="nt"><a</span>#main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(15)<span class="nt"></a></span>#main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(14)<span class="nt">></span>#main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(7)<span class="nt"><a</span>#main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(6)<span class="nt">></span>#main > article:nth-child(2) > div > figure:nth-child(7) > pre > code > table > tbody > tr > td:nth-child(2) > pre > span:nth-child(1)<span class="nt"><nav</span>#main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(26)<span class="c"><!-- /.pagination --></span>#main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(25)<span class="nt"></nav></span>#main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(24)<span class="nt"></a></span>#main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(23)<span class="nt">></span>#main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(16)<span class="nt"><a</span>#main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(15)<span class="nt"></a></span>#main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(14)<span class="nt">></span>#main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(7)<span class="nt"><a</span>#main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(6)<span class="nt">></span>#main > article:nth-child(2) > div > div:nth-child(6) > div > pre > code > span:nth-child(1)<span class="nt"><nav</span>#main > article:nth-child(2) > header > div:nth-child(2) > span:nth-child(3)<span class="entry-reading-time"> <i class="fa fa-clock-...</span>#main > article:nth-child(2) > header > div:nth-child(2) > span:nth-child(2) > span > a<a href="https://mmistakes.github.io/hpstr-jekyll-theme/about/" title="About Michael Rose">Michael Rose</a>#main > article:nth-child(2) > header > div:nth-child(2) > span:nth-child(1) > time > a<a href="https://mmistakes.github.io/hpstr-jekyll-theme/code-highlighting-post/">August 16, 2013</a>#main > article:nth-child(1) > header > div > span:nth-child(3)<span class="entry-reading-time"> <i class="fa fa-clock-...</span>#main > article:nth-child(1) > header > div > span:nth-child(2) > span > a<a href="https://mmistakes.github.io/hpstr-jekyll-theme/about/" title="About Michael Rose">Michael Rose</a>#main > article:nth-child(1) > header > div > span:nth-child(1) > time > a<a href="https://mmistakes.github.io/hpstr-jekyll-theme/background-image/">October 26, 2013</a>#dl-menu > button<button class="dl-trigger">Open Menu</button>You can check these accessibility errors using pa11y. You can view the full validation results in our website.