diff options
| author | David Pisek <dpisek@gitlab.com> | 2019-06-27 06:33:35 +0000 |
|---|---|---|
| committer | Dave Pisek <dpisek@gitlab.com> | 2019-06-27 17:15:19 +1000 |
| commit | 490d521b65b2b27256580a82faa92d9f45f94e8e (patch) | |
| tree | e04837d6f2bc317020123995a950db23ecd2db76 | |
| parent | 547055db58447017f33771c913edd296a3f58e35 (diff) | |
| download | gitlab-ce-improve-accessibility-frontend-docs.tar.gz | |
Improve accessibility tooling documentationimprove-accessibility-frontend-docs
Add links to useful browser extensions and learning resources to the
FE-accessibility documentation.
| -rw-r--r-- | doc/development/fe_guide/accessibility.md | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/doc/development/fe_guide/accessibility.md b/doc/development/fe_guide/accessibility.md index df32242a522..64c793cfd64 100644 --- a/doc/development/fe_guide/accessibility.md +++ b/doc/development/fe_guide/accessibility.md @@ -5,8 +5,16 @@ [Chrome Accessibility Developer Tools][chrome-accessibility-developer-tools] are useful for testing for potential accessibility problems in GitLab. -Accessibility best-practices and more in-depth information is available on -[the Audit Rules page][audit-rules] for the Chrome Accessibility Developer Tools. +The [axe][axe-website] browser extension (available for [Firefox][axe-firefox-extension] and [Chrome][axe-chrome-extension]) is +also a handy tool for running audits and getting feedback on markup, CSS and even potentially problematic color usages. + +Accessibility best-practices and more in-depth information are available on +[the Audit Rules page][audit-rules] for the Chrome Accessibility Developer Tools. The "[awesome a11y][awesome-a11y]" list is also a +useful compilation of accessibility-related material. [chrome-accessibility-developer-tools]: https://github.com/GoogleChrome/accessibility-developer-tools [audit-rules]: https://github.com/GoogleChrome/accessibility-developer-tools/wiki/Audit-Rules +[axe-website]: https://www.deque.com/axe/ +[axe-firefox-extension]: https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/ +[axe-chrome-extension]: https://chrome.google.com/webstore/detail/axe/lhdoppojpmngadmnindnejefpokejbdd +[awesome-a11y]: https://github.com/brunopulis/awesome-a11y |