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

fix(www): a11y tweaks #11612

Merged
merged 2 commits into from
Feb 7, 2019
Merged

Conversation

amberleyromo
Copy link
Contributor

couple low-hanging fruit a11y tweaks:

  • upped text contrast on mobile nav
  • unique id attributes

@amberleyromo amberleyromo requested a review from a team as a code owner February 7, 2019 01:53
Copy link
Contributor

@marcysutton marcysutton left a comment

Choose a reason for hiding this comment

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

Way to keep checking on this!

@amberleyromo amberleyromo merged commit b493ba4 into gatsbyjs:master Feb 7, 2019
@DSchau
Copy link
Contributor

DSchau commented Feb 7, 2019

@marcysutton is there any automated a11y checking we could do to catch regressions at PR time? Could be a nice CI check for www/.

@marcysutton
Copy link
Contributor

We could add axe-core/axe-webdriverjs to the test suite, it would be run as part of either unit or integration tests and could stop a build via CI. Here are some slides from a talk I did on it: https://marcysutton.github.io/a11y-and-ci/#/28

axe-puppeteer is out now too, in case you don't want to use Selenium Webdriver: https://github.com/dequelabs/axe-puppeteer

pragmaticpat pushed a commit to pragmaticpat/gatsby that referenced this pull request Apr 28, 2022
* fix(www): make svg ids unique

* fix(www): increase text color contrast of mobile nav
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.

3 participants