The user @carlsonsantana validate your site template "https://jpatrickdevine.github.io/hydeaway/" and found these accessibility errors:
- Page https://jpatrickdevine.github.io/hydeaway/:
- Issue 7544a9be-ffad-4c7e-b473-2acc7743968c:
- Type: Error
- Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
- 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.8:1. Recommendation: change text colour to #007d9d.
- Selector:
html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(11)
- Context:
<span class="nn">---</span>
- Issue f8b0c49a-909e-4e1c-b981-09fe99bb0b4e:
- Type: Error
- Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
- 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 2.77:1. Recommendation: change text colour to #2979a9.
- Selector:
html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(8)
- Context:
<span class="na">pinned</span>
- Issue e1478ff9-a5c1-4490-8917-2524b541e1f2:
- Type: Error
- Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
- 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 4.1:1. Recommendation: change text colour to #474747.
- Selector:
html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(7)
- Context:
<span class="s">An Example Post</span>
- Issue 8a3ea209-d454-468d-90a9-25d80a72ea24:
- Type: Error
- Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
- 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 2.77:1. Recommendation: change text colour to #2979a9.
- Selector:
html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(5)
- Context:
<span class="na">title</span>
- Issue 528716a0-13cb-4a58-8fed-feaf4ac12caa:
- Type: Error
- Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
- 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 4.1:1. Recommendation: change text colour to #474747.
- Selector:
html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(4)
- Context:
<span class="s">post</span>
- Issue bc6e26ed-6f3c-4f05-a258-5a75d6e1ff03:
- Type: Error
- Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
- 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 2.77:1. Recommendation: change text colour to #2979a9.
- Selector:
html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(2)
- Context:
<span class="na">layout</span>
- Issue 64fe358f-0fa9-412e-bb7e-029a22c4f725:
- Type: Error
- Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
- 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.8:1. Recommendation: change text colour to #007d9d.
- Selector:
html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(1)
- Context:
<span class="nn">---</span>
- Issue 64b117d7-f116-4b96-8ef9-543af37829bc:
- Type: Error
- Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
- 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.89:1. Recommendation: change text colour to #5f5f5f.
- Selector:
html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > p > code
- Context:
<code class="highlighter-rouge">pinned: true</code>
- Issue 9d9407dd-5790-4972-9e2b-227f3feb3627:
- Type: Error
- Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
- 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.89:1. Recommendation: change text colour to #5f5f5f.
- Selector:
html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(5) > p:nth-child(6) > code
- Context:
<code class="highlighter-rouge">_sass/modules/_site-icon.scss</code>
- Issue b0e9712a-35b7-427e-b822-f2ff0dc07fd8:
- Type: Error
- Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
- 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.89:1. Recommendation: change text colour to #5f5f5f.
- Selector:
html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(5) > p:nth-child(4) > code:nth-child(2)
- Context:
<code class="highlighter-rouge">_sass/modules/_site-icon.scss</code>
- Issue 4537f2f4-ec25-41f7-a4bd-82e7589b9824:
- Type: Error
- Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
- 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.89:1. Recommendation: change text colour to #5f5f5f.
- Selector:
html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(5) > p:nth-child(4) > code:nth-child(1)
- Context:
<code class="highlighter-rouge">.site-icon:hover</code>
- Issue 60b63ae3-7e3d-4f86-8686-580832d4551f:
- Type: Error
- Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
- 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.5:1. Recommendation: change text colour to #1277be.
- Selector:
html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > p:nth-child(4) > a:nth-child(3)
- Context:
<a href="https://github.com/fongandrew/hydeout" target="_blank">Hydeout</a>
- Issue 0a560f1b-03f1-480f-a57d-f76e3c51f488:
- Type: Error
- Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
- 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.5:1. Recommendation: change text colour to #1277be.
- Selector:
html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > p:nth-child(4) > a:nth-child(2)
- Context:
<a href="https://github.com/poole/hyde" target="_blank">Hyde</a>
- Issue 256a9944-5e9c-4c27-921c-e8ebc115e3b6:
- Type: Error
- Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
- 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.5:1. Recommendation: change text colour to #1277be.
- Selector:
html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > p:nth-child(4) > a:nth-child(1)
- Context:
<a href="http://jekyllrb.com/" target="_blank">Jekyll</a>
- Issue d7c38dff-c8df-4add-950c-a6706a362ee7:
- Type: Error
- Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
- Message: Anchor element found with a valid href attribute, but no link content has been supplied.
- Selector:
html > body > div:nth-child(1) > div > div > div > a
- Context:
<a href="/hydeaway/"></a>
You can check these accessibility errors using pa11y.
You can view the full validation results in our website.
The user @carlsonsantana validate your site template "https://jpatrickdevine.github.io/hydeaway/" and found these accessibility errors:
html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(11)<span class="nn">---</span>html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(8)<span class="na">pinned</span>html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(7)<span class="s">An Example Post</span>html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(5)<span class="na">title</span>html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(4)<span class="s">post</span>html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(2)<span class="na">layout</span>html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > div:nth-child(5) > div > pre > code > span:nth-child(1)<span class="nn">---</span>html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(7) > p > code<code class="highlighter-rouge">pinned: true</code>html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(5) > p:nth-child(6) > code<code class="highlighter-rouge">_sass/modules/_site-icon.scss</code>html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(5) > p:nth-child(4) > code:nth-child(2)<code class="highlighter-rouge">_sass/modules/_site-icon.scss</code>html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(5) > p:nth-child(4) > code:nth-child(1)<code class="highlighter-rouge">.site-icon:hover</code>html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > p:nth-child(4) > a:nth-child(3)<a href="https://github.com/fongandrew/hydeout" target="_blank">Hydeout</a>html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > p:nth-child(4) > a:nth-child(2)<a href="https://github.com/poole/hyde" target="_blank">Hyde</a>html > body > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > p:nth-child(4) > a:nth-child(1)<a href="http://jekyllrb.com/" target="_blank">Jekyll</a>html > body > div:nth-child(1) > div > div > div > a<a href="/hydeaway/"></a>You can check these accessibility errors using pa11y.
You can view the full validation results in our website.