The user @carlsonsantana validate your site template "https://nandomoreirame.github.io/lora/" and found these accessibility errors:
- Page https://nandomoreirame.github.io/lora/:
- Issue f06e330d-ac8f-482c-befa-78b4dff4dc0a:
- 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 > a
- Context:
<a href="https://github.com/nandomoreirame/lora" target="_blank" class="github-corner"><svg width="80" height="80" vie...</a>
- Issue 831f7e40-43c2-4ffe-9156-d046363e29c2:
- 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.98:1. Recommendation: change text colour to #003215.
- Selector:
html > body > main > footer > small:nth-child(4) > a
- Context:
<a href="http://nandomoreira.me" target="_blank">nandomoreira.me</a>
- Issue ba35e840-2d36-43d1-b8fa-19142b4fde98:
- 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.18:1. Recommendation: change text colour to #292929.
- Selector:
html > body > main > footer > small:nth-child(4)
- Context:
<small>by <a href="http://nandomoreira...</small>
- Issue cfd92bc0-b18d-4f6d-909a-cc040b383055:
- 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.98:1. Recommendation: change text colour to #003215.
- Selector:
html > body > main > footer > small:nth-child(3) > a
- Context:
<a href="http://jekyllrb.com" target="_blank">Jekyll</a>
- Issue 8ead7df2-0f1a-4da3-b40f-22aa103bd837:
- 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.18:1. Recommendation: change text colour to #292929.
- Selector:
html > body > main > footer > small:nth-child(3)
- Context:
<small>© 2015 All rights reserved. Mad...</small>
- Issue 28f935b6-5f1b-4da1-9eb1-ef3d4b531ef4:
- 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 > main > footer > ul > li:nth-child(10) > a
- Context:
<a href="http://linkedin.com/in/nandomoreirame" target="_blank"><i class="icon icon-linkedin"><...</a>
- Issue 20b5a1a4-ff03-4673-9048-87a979cdc354:
- Type: Error
- Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.EmptyNoId
- Message: Anchor element found with no link content and no name and/or ID attribute.
- Selector:
html > body > main > footer > ul > li:nth-child(9) > a
- Context:
<a href="" target="_blank"><i class="icon icon-"></i></a>
- Issue bb77445a-7af6-49b1-98b4-3c8c48e9333b:
- 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 > main > footer > ul > li:nth-child(8) > a
- Context:
<a href="http://instagram.com/nandomoreira.me" target="_blank"><i class="icon icon-instagram">...</a>
- Issue ba92fe4d-5294-42c4-82cd-c2136d1d57c1:
- Type: Error
- Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.EmptyNoId
- Message: Anchor element found with no link content and no name and/or ID attribute.
- Selector:
html > body > main > footer > ul > li:nth-child(7) > a
- Context:
<a href="" target="_blank"><i class="icon icon-"></i></a>
- Issue 1440434c-65e3-4db3-9e3e-68b6cc230619:
- 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 > main > footer > ul > li:nth-child(6) > a
- Context:
<a href="http://twitter.com/nandomoreirame" target="_blank"><i class="icon icon-twitter"></...</a>
- Issue c55978ec-fa7e-455d-8964-c9bf49bc1a8a:
- Type: Error
- Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.EmptyNoId
- Message: Anchor element found with no link content and no name and/or ID attribute.
- Selector:
html > body > main > footer > ul > li:nth-child(5) > a
- Context:
<a href="" target="_blank"><i class="icon icon-"></i></a>
- Issue 701e6419-deec-420a-961c-d8ff577f69b4:
- 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 > main > footer > ul > li:nth-child(4) > a
- Context:
<a href="http://facebook.com/fernando.dev" target="_blank"><i class="icon icon-facebook"><...</a>
- Issue 9365a860-224c-4149-b1ea-a1dc586b60b7:
- Type: Error
- Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.EmptyNoId
- Message: Anchor element found with no link content and no name and/or ID attribute.
- Selector:
html > body > main > footer > ul > li:nth-child(3) > a
- Context:
<a href="" target="_blank"><i class="icon icon-"></i></a>
- Issue c470482d-3c2c-498a-a096-7ea0749054d7:
- 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 > main > footer > ul > li:nth-child(2) > a
- Context:
<a href="http://github.com/nandomoreirame" target="_blank"><i class="icon icon-github"></i...</a>
- Issue d6aff7c8-f897-437c-beeb-c4f586716bd6:
- Type: Error
- Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.EmptyNoId
- Message: Anchor element found with no link content and no name and/or ID attribute.
- Selector:
html > body > main > footer > ul > li:nth-child(1) > a
- Context:
<a href="" target="_blank"><i class="icon icon-"></i></a>
- Issue cb70c4f4-5887-4817-a781-2c071424c254:
- 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.98:1. Recommendation: change text colour to #003215.
- Selector:
html > body > main > section > section > nav > ul > li:nth-child(2) > a
- Context:
<a class="prev" href="/lora/page/2/" title="Articles old">Next »</a>
- Issue 707689db-0c68-4d8f-9f8c-7e83f994c1d4:
- 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.18:1. Recommendation: change text colour to #292929.
- Selector:
html > body > main > section > section > nav > ul > li:nth-child(1) > span
- Context:
<span class="page-number">Page 1 of 4</span>
- Issue e537c5dc-9d3f-49f6-9d38-d5110d9060c6:
- 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.98:1. Recommendation: change text colour to #003215.
- Selector:
html > body > main > section > section > article:nth-child(2) > p > a
- Context:
<a href="/lora/jekyll/update/2015/welcome-to-jekyll/" title="Permalink to: Welcome to Jekyll!" class="read-more">Read more »</a>
- Issue 43a6fada-041c-4d2f-ad3c-3b3507b376c4:
- 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.18:1. Recommendation: change text colour to #292929.
- Selector:
html > body > main > section > section > article:nth-child(2) > span
- Context:
<span class="post-meta">Nov 12, 2015</span>
- Issue 68c00b63-1782-4116-92ce-a6c33a12ba44:
- 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 > main > section > section > article:nth-child(1) > header > h1 > a:nth-child(2)
- Context:
<a href="/lora/test-external-url"><i class="icon icon-link"></i></a>
- Issue 1aa77b76-120d-4877-bae3-8531225915bd:
- 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.1:1. Recommendation: change background to #00893a.
- Selector:
html > body > main > header > div > a:nth-child(4)
- Context:
<a class="btn" href="https://github.com/nandomoreirame/lora/archive/master.zip" target="_blank">download</a>
- Issue 032082da-72b8-4eed-a4f1-d2159f5ce5d5:
- Type: Error
- Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
- 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 2.18:1. Recommendation: change text colour to #292929.
- Selector:
html > body > main > header > div > h1 > small
- Context:
<small>and I'm free Jekyll theme :)</small>
- Issue 75bed8c4-4cd4-45b0-80f3-f80944f78842:
- 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.98:1. Recommendation: change text colour to #003215.
- Selector:
html > body > main > header > div > nav > ul > li:nth-child(5) > a
- Context:
<a href="/lora/feed.xml" target="_blank"><i class="icon icon-feed"></i> ...</a>
- Issue eeef3ce6-93f8-412f-b2d5-068b2cfd44b0:
- 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.98:1. Recommendation: change text colour to #003215.
- Selector:
html > body > main > header > div > nav > ul > li:nth-child(3) > a
- Context:
<a href="/lora/about">about</a>
- Issue 081fc84e-eaf1-42d1-be47-539491befc33:
- 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.98:1. Recommendation: change text colour to #003215.
- Selector:
html > body > main > header > div > nav > ul > li:nth-child(1) > a
- Context:
<a href="/lora/">home</a>
- Issue 3ab153b1-eba5-4772-aa9c-d43ae0b23388:
- Type: Error
- Code: WCAG2AA.Principle3.Guideline3_1.3_1_1.H57.2
- Message: The html element should have a lang or xml:lang attribute which describes the language of the document.
- Selector:
html
- Context:
<html><head><meta charset="utf-8"><...</html>
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://nandomoreirame.github.io/lora/" and found these accessibility errors:
html > body > a<a href="https://github.com/nandomoreirame/lora" target="_blank" class="github-corner"><svg width="80" height="80" vie...</a>html > body > main > footer > small:nth-child(4) > a<a href="http://nandomoreira.me" target="_blank">nandomoreira.me</a>html > body > main > footer > small:nth-child(4)<small>by <a href="http://nandomoreira...</small>html > body > main > footer > small:nth-child(3) > a<a href="http://jekyllrb.com" target="_blank">Jekyll</a>html > body > main > footer > small:nth-child(3)<small>© 2015 All rights reserved. Mad...</small>html > body > main > footer > ul > li:nth-child(10) > a<a href="http://linkedin.com/in/nandomoreirame" target="_blank"><i class="icon icon-linkedin"><...</a>html > body > main > footer > ul > li:nth-child(9) > a<a href="" target="_blank"><i class="icon icon-"></i></a>html > body > main > footer > ul > li:nth-child(8) > a<a href="http://instagram.com/nandomoreira.me" target="_blank"><i class="icon icon-instagram">...</a>html > body > main > footer > ul > li:nth-child(7) > a<a href="" target="_blank"><i class="icon icon-"></i></a>html > body > main > footer > ul > li:nth-child(6) > a<a href="http://twitter.com/nandomoreirame" target="_blank"><i class="icon icon-twitter"></...</a>html > body > main > footer > ul > li:nth-child(5) > a<a href="" target="_blank"><i class="icon icon-"></i></a>html > body > main > footer > ul > li:nth-child(4) > a<a href="http://facebook.com/fernando.dev" target="_blank"><i class="icon icon-facebook"><...</a>html > body > main > footer > ul > li:nth-child(3) > a<a href="" target="_blank"><i class="icon icon-"></i></a>html > body > main > footer > ul > li:nth-child(2) > a<a href="http://github.com/nandomoreirame" target="_blank"><i class="icon icon-github"></i...</a>html > body > main > footer > ul > li:nth-child(1) > a<a href="" target="_blank"><i class="icon icon-"></i></a>html > body > main > section > section > nav > ul > li:nth-child(2) > a<a class="prev" href="/lora/page/2/" title="Articles old">Next »</a>html > body > main > section > section > nav > ul > li:nth-child(1) > span<span class="page-number">Page 1 of 4</span>html > body > main > section > section > article:nth-child(2) > p > a<a href="/lora/jekyll/update/2015/welcome-to-jekyll/" title="Permalink to: Welcome to Jekyll!" class="read-more">Read more »</a>html > body > main > section > section > article:nth-child(2) > span<span class="post-meta">Nov 12, 2015</span>html > body > main > section > section > article:nth-child(1) > header > h1 > a:nth-child(2)<a href="/lora/test-external-url"><i class="icon icon-link"></i></a>html > body > main > header > div > a:nth-child(4)<a class="btn" href="https://github.com/nandomoreirame/lora/archive/master.zip" target="_blank">download</a>html > body > main > header > div > h1 > small<small>and I'm free Jekyll theme :)</small>html > body > main > header > div > nav > ul > li:nth-child(5) > a<a href="/lora/feed.xml" target="_blank"><i class="icon icon-feed"></i> ...</a>html > body > main > header > div > nav > ul > li:nth-child(3) > a<a href="/lora/about">about</a>html > body > main > header > div > nav > ul > li:nth-child(1) > a<a href="/lora/">home</a>html<html><head><meta charset="utf-8"><...</html>You can check these accessibility errors using pa11y.
You can view the full validation results in our website.