We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
The default theme has a number of elements that fail the Web Content Accessibility Guidelines (WCAG) 2.0 AA contrast ratio thresholds (https://dequeuniversity.com/rules/axe/2.2/color-contrast).
The Lighthouse Accessibility audit identifies the failing elements:
The failing elements can be addressed with the following CSS changes:
Hyperlinks/buttons
$accent-color
#00848a
#00838a
Quote/blockquote/footer
$text-color
#222831
#181c22
color
tint($text-color, 40%)
tint($text-color, 35%)
blockquote, q
_base.scss
.site-footer
_footer.scss
The first approach can be implemented with a new theme skin.
Alternatively, the default theme can be updated directly with the $accent-color change, and either the $text-color change or reduced tint.
I'm happy to create a pull request if any of these approaches are acceptable.
Increase the default theme skin score to 100 on the Lighthouse Accessibility audit.
The text was updated successfully, but these errors were encountered:
Thanks for this. If you have time to submit a pull request that would be great.
Sorry, something went wrong.
Sure. Would you prefer the changes to be in a new, separate theme, or made to the existing default theme?
In the existing.
No branches or pull requests
Description
The default theme has a number of elements that fail the Web Content Accessibility Guidelines (WCAG) 2.0 AA contrast ratio thresholds (https://dequeuniversity.com/rules/axe/2.2/color-contrast).
The Lighthouse Accessibility audit identifies the failing elements:
The failing elements can be addressed with the following CSS changes:
Hyperlinks/buttons
$accent-color
with change from#00848a
to#00838a
Quote/blockquote/footer
$text-color
with change from#222831
to#181c22
, orcolor
value fromtint($text-color, 40%)
totint($text-color, 35%)
to reduce tint forblockquote, q
(_base.scss
) and.site-footer
(_footer.scss
)The first approach can be implemented with a new theme skin.
Alternatively, the default theme can be updated directly with the
$accent-color
change, and either the$text-color
change or reduced tint.I'm happy to create a pull request if any of these approaches are acceptable.
Environment
Expected behavior
Increase the default theme skin score to 100 on the Lighthouse Accessibility audit.
Steps to reproduce the behavior
The text was updated successfully, but these errors were encountered: