Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility errors found in your template #26

Closed
wapyce-bot opened this issue Oct 29, 2018 · 2 comments
Labels

Comments

@wapyce-bot
Copy link

@wapyce-bot wapyce-bot commented Oct 29, 2018

The user @carlsonsantana validate your site template "https://yous.github.io/whiteglass/" and found these accessibility errors:

  • Page https://yous.github.io/whiteglass/:
    • Issue 02dd1968-b1f0-468b-a75a-e81ec1e1191b:
      • 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.78:1. Recommendation: change text colour to #757575.
      • Selector: html > body > footer > div > p
      • Context: <p>© Yous - Powered by <a...</p>
    • Issue d9757176-423f-4373-b613-1c9c91dc2200:
      • 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.78:1. Recommendation: change text colour to #757575.
      • Selector: html > body > main > div > div > ul > li:nth-child(4) > header > p
      • Context: <p class="post-meta"> Jan 2, 2017 ...</p>
    • Issue f8f1bd80-82bc-4ef0-b163-d2f7f08d8a23:
      • 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.78:1. Recommendation: change text colour to #757575.
      • Selector: html > body > main > div > div > ul > li:nth-child(3) > header > p
      • Context: <p class="post-meta"> Jan 3, 2017 ...</p>
    • Issue 36a573dc-9c41-424a-a4a3-360619773bcc:
      • 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.78:1. Recommendation: change text colour to #757575.
      • Selector: html > body > main > div > div > ul > li:nth-child(2) > div > blockquote > p
      • Context: <p>This quote will change your lif...</p>
    • Issue 95dc5e6d-cea3-4f46-9bed-99344ba88915:
      • 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.78:1. Recommendation: change text colour to #757575.
      • Selector: html > body > main > div > div > ul > li:nth-child(2) > header > p
      • Context: <p class="post-meta"> Jan 4, 2017 ...</p>
    • Issue 2e26c1ff-022b-4907-bd9c-3c662927a81b:
      • 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.65:1. Recommendation: change text colour to #717160.
      • Selector: html > body > main > div > div > ul > li:nth-child(1) > div > figure > pre > code > span:nth-child(17)
      • Context: <span class="c1">#=&gt; prints 'Hi, Tom' to STDO...</span>
    • Issue 7eee096d-50ea-4740-b78d-a293daca934e:
      • 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.81:1. Recommendation: change text colour to #0079a2.
      • Selector: html > body > main > div > div > ul > li:nth-child(1) > div > figure > pre > code > span:nth-child(9)
      • Context: <span class="nb">name</span>
    • Issue 3e77ed5a-4195-4522-aa7d-e02ac78cddc2:
      • 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.81:1. Recommendation: change text colour to #0079a2.
      • Selector: html > body > main > div > div > ul > li:nth-child(1) > div > figure > pre > code > span:nth-child(6)
      • Context: <span class="nb">puts</span>
    • Issue 36fe9e83-dc51-4b55-86c9-df0575381690:
      • 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.81:1. Recommendation: change text colour to #0079a2.
      • Selector: html > body > main > div > div > ul > li:nth-child(1) > div > figure > pre > code > span:nth-child(4)
      • Context: <span class="nb">name</span>
    • Issue 2bc6d27e-6073-45d0-9970-d68e41033c7b:
      • 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.78:1. Recommendation: change text colour to #757575.
      • Selector: html > body > main > div > div > ul > li:nth-child(1) > header > p
      • Context: <p class="post-meta"> Jan 5, 2017 ...</p>

You can check these accessibility errors using pa11y.
You can view the full validation results in our website.

yous added a commit that referenced this issue Aug 26, 2019
yous added a commit that referenced this issue Aug 26, 2019
@yous yous added the enhancement label Aug 26, 2019
@yous

This comment has been minimized.

Copy link
Owner

@yous yous commented Aug 26, 2019

Accessibility errors were fixed by 5441b6a and 095a519. Using Travis CI and pa11y-ci, now the site ensures conformance to WCAG 2.0 AA.

@yous yous closed this Aug 26, 2019
@yous

This comment has been minimized.

Copy link
Owner

@yous yous commented Aug 26, 2019

More fixes are included in v1.9.1. See e750a50 and 74f4f78.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
2 participants
You can’t perform that action at this time.