This repository was archived by the owner on Jan 10, 2021. It is now read-only.
This repository was archived by the owner on Jan 10, 2021. It is now read-only.
Accessibility errors found in your template #6
Description
The user @carlsonsantana validate your site template "https://chrisanthropic.github.io/comical-jekyll-theme/" and found these accessibility errors:
- Page https://chrisanthropic.github.io/comical-jekyll-theme/:
- Issue 3c63905b-5318-433f-b5a4-b87f1af11fe5:
- 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 > footer > div > div:nth-child(2) > ul > li:nth-child(4) > a - Context:
<a href="http://comics.drivethrustuff.com/product/137601/Shamsee-A-Fistful-of-Lunars"><span class="icon-drivethru soc...</a>
- Issue e0381cfa-690c-452e-937e-a6cf03bcc008:
- 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 > footer > div > div:nth-child(2) > ul > li:nth-child(3) > a - Context:
<a href="https://www.comixology.com/Shamsee-Vol-1-A-Fistful-of-Lunars/digital-comic/162424"><span class="icon-comixology so...</a>
- Issue 87e74fc5-fc71-4173-bc74-bb795901b5ef:
- 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 > footer > div > div:nth-child(2) > ul > li:nth-child(2) > a - Context:
<a href="http://www.amazon.com/Shamsee-Fistful-Lunars-Valley-Crescents-ebook/dp/B00NTC5CWM/"><span class="icon-amazon social...</a>
- Issue 3424e48e-4a58-4c10-8d75-0c51090776eb:
- 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 > footer > div > div:nth-child(2) > ul > li:nth-child(1) > a - Context:
<a href="https://gumroad.com/shamsee"><span class="icon-gumroad socia...</a>
- Issue e3e569f2-1b2a-4690-b5f4-f6ce4ff0ea30:
- 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.44:1. Recommendation: change text colour to #757575.
- Selector:
html > body > footer > div > div:nth-child(1) > p > a - Context:
<a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>
- Issue d3958042-6ebb-48d9-b0e1-f45eca9b7aa4:
- 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.32:1. Recommendation: change text colour to #757575.
- Selector:
html > body > footer > div > div:nth-child(1) > p - Context:
<p>Some Rights Reserved | <a href=...</p>
- Issue de220f8c-6692-4fe1-9321-1d081544d08d:
- 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.44:1. Recommendation: change text colour to #757575.
- Selector:
html > body > footer > div > div:nth-child(1) > strong > a:nth-child(4) - Context:
<a href="http://comics.drivethrustuff.com/product/137601/Shamsee-A-Fistful-of-Lunars">DriveThru</a>
- Issue 3cb5d908-9266-4b53-9428-c0d5113aea80:
- 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.44:1. Recommendation: change text colour to #757575.
- Selector:
html > body > footer > div > div:nth-child(1) > strong > a:nth-child(3) - Context:
<a href="https://www.gumroad.com/shamsee">Gumroad</a>
- Issue 7e9bc48d-1062-43c2-9e48-24fb9f86c9ed:
- 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.44:1. Recommendation: change text colour to #757575.
- Selector:
html > body > footer > div > div:nth-child(1) > strong > a:nth-child(2) - Context:
<a href="https://www.comixology.com/Shamsee-Vol-1-A-Fistful-of-Lunars/digital-comic/162424">Comixology</a>
- Issue aea1c318-f642-41af-b2a7-692b87fcdedd:
- 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.44:1. Recommendation: change text colour to #757575.
- Selector:
html > body > footer > div > div:nth-child(1) > strong > a:nth-child(1) - Context:
<a href="http://www.amazon.com/dp/B00NTC5CWM/?tag=bathelup-20">Amazon</a>
- Issue eafe7546-7a94-4d92-b95a-639cd3bf87af:
- 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.32:1. Recommendation: change text colour to #757575.
- Selector:
html > body > footer > div > div:nth-child(1) > strong - Context:
<strong>Available now at: <a href="http...</strong>
- Issue 6eadafa2-71ca-46b9-951f-ec3ffb703a69:
- 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 > div > div > article > nav:nth-child(3) > nav:nth-child(3) > a:nth-child(2) - Context:
<a href="https://chrisanthropic.github.io/comical-jekyll-theme//" class="hide-for-large"><span class="icon-arrow-down"><...</a>
- Issue 7cda6c7d-29b9-4e71-bd87-c934a3410138:
- 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 > div > div > article > nav:nth-child(3) > nav:nth-child(1) > a:nth-child(2) - Context:
<a href="https://chrisanthropic.github.io/comical-jekyll-theme/a-fistful-of-lunars/page-4/" class="icon-arrow-left hide-for-large"></a>
- Issue 4e9ae3e7-5b5e-4dfa-b191-fd53d0fb99d4:
- 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 > div > div > article > nav:nth-child(1) > nav:nth-child(3) > a:nth-child(2) - Context:
<a href="https://chrisanthropic.github.io/comical-jekyll-theme/a-fistful-of-lunars/" class="hide-for-large"><span class="icon-arrow-down"><...</a>
- Issue 6a0029f5-30c1-467b-bed8-000eec05f311:
- 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 > div > div > article > nav:nth-child(1) > nav:nth-child(1) > a:nth-child(2) - Context:
<a href="https://chrisanthropic.github.io/comical-jekyll-theme/a-fistful-of-lunars/page-4/" class="icon-arrow-left hide-for-large"></a>
- Issue 873322f0-cbaa-4da3-867f-ad2aac951b40:
- 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:
#nav > ul:nth-child(2) > li:nth-child(3) > a - Context:
<a href="https://github.com/"><span class="icon-github social...</a>
- Issue 15e8a96d-b9c3-48f6-bddc-7e404f0187f1:
- 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:
#nav > ul:nth-child(2) > li:nth-child(2) > a - Context:
<a href="https://twitter.com/"><span class="icon-twitter socia...</a>
- Issue f359dab6-cbd6-4a8d-b759-c40df65ae952:
- 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:
#nav > ul:nth-child(2) > li:nth-child(1) > a - Context:
<a href="https://www.tumblr.com/"><span class="icon-tumblr social...</a>
- Issue 0fa910c6-94c8-4a32-a372-ebed873eb9c7:
- 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.46:1. Recommendation: change background to #3f3f3f.
- Selector:
#nav > ul:nth-child(1) > li:nth-child(3) > a - Context:
<a href="/">home</a>
- Issue 161ea3a6-5ac5-4522-9b78-851b262023b2:
- 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>
- Issue 3c63905b-5318-433f-b5a4-b87f1af11fe5:
You can check these accessibility errors using pa11y.
You can view the full validation results in our website.