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

Increase text contrast to AAA accessibility level #22

Merged
merged 2 commits into from
Dec 21, 2018
Merged

Increase text contrast to AAA accessibility level #22

merged 2 commits into from
Dec 21, 2018

Conversation

ravron
Copy link
Contributor

@ravron ravron commented Dec 20, 2018

Hi @aos! Thanks for the theme, it's quite nice. I noticed that the theme falls short of 100% accessibility due to the low contrast of the footnote and footer elements. This PR darkens the color of these grey elements to #575757, the maximum lightness that still achieves the desired contrast ratio of 7. You can take a look at this online contrast checker to try for yourself (the page's background is #FCFCFC).

The PR also removes the need for !important on .footnote a by changing .posts li a to .posts li > a to avoid unwanted side effects.

Copy link
Owner

@aos aos left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey -- thanks a lot. I appreciate your attention to detail.

LGTM!

@aos aos merged commit 47b5103 into aos:master Dec 21, 2018
@ravron ravron deleted the ra-accessibility branch December 21, 2018 00:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants