killercup / killercup/jekyll-theme-scribbles

Accessibility errors found in your template

Open
#1 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
SCSS
Stars
17
Forks
4
PR merge metrics
No merged PRs in 30d

Description

The user @carlsonsantana validate your site template "https://killercup.github.io/jekyll-theme-scribbles/" and found these accessibility errors:
* Page https://killercup.github.io/jekyll-theme-scribbles/:
* Issue *81f65695-0946-4fb6-8abb-d2aa56c08e87*:
* **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.89:1. Recommendation: change text colour to #776.
* **Selector**: `html > body > div > article > div:nth-child(10) > div > pre > code > span:nth-child(14)`
* **Context**: `# optional`
* Issue *0852c0e5-2fc6-47dd-8142-7fe5e15284e3*:
* **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.89:1. Recommendation: change text colour to #776.
* **Selector**: `html > body > div > article > div:nth-child(10) > div > pre > code > span:nth-child(10)`
* **Context**: `# optional`
* Issue *0e599323-a5e2-4660-9b2e-9d154cc1a95b*:
* **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.89:1. Recommendation: change text colour to #776.
* **Selector**: `html > body > div > article > div:nth-child(8) > div > pre > code > span:nth-child(20)`
* **Context**: `# optional`
* Issue *f50dab21-fc10-4dfa-bc48-18dd73d4020d*:
* **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.89:1. Recommendation: change text colour to #776.
* **Selector**: `html > body > div > article > div:nth-child(8) > div > pre > code > span:nth-child(16)`
* **Context**: `# optional`
* Issue *5d266d8e-08d3-4629-a719-da7f9364bee4*:
* **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.89:1. Recommendation: change text colour to #776.
* **Selector**: `html > body > div > article > div:nth-child(8) > div > pre > code > span:nth-child(3)`
* **Context**: `# this site's twitter account, ...`

You can check these accessibility errors using [pa11y](https://github.com/pa11y/pa11y).
You can view the [full validation results in our website](https://wapyce.herokuapp.com/validation/validations/e80b7d30-235d-477a-8770-a3739c7ea3e6/).

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by running pa11y against the referenced Jekyll theme page and trace the reported `span.c1` elements from the selectors in the issue to their styling source. Update the text color so the affected code comments meet the stated 4.5:1 contrast ratio, then rerun pa11y and confirm these errors no longer appear.

Written by the indexing model from the issue text.

Assessment

Tech stack
scss
Domain
accessibility
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.