killercup / killercup/jekyll-theme-scribbles
Accessibility errors found in your template
- 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