[Meta] Improving accessibility of GitLab

Currently GitLab is not as accessible as it should be.

Issues

  • Tab order in header/navigation https://gitlab.com/gitlab-org/gitlab-ce/issues/21383
  • Make sure all buttons that don't have text have aria-labels https://gitlab.com/gitlab-org/gitlab-ce/issues/23913
  • Improve focus state on all tabbable items (related to https://gitlab.com/gitlab-org/gitlab-ce/issues/21287)
  • Create shortcut from nav to jump directly to content https://gitlab.com/gitlab-org/gitlab-ce/issues/24057
  • Link color contrast https://gitlab.com/gitlab-org/gitlab-ce/issues/17492
  • Improve content line-length for readability https://gitlab.com/gitlab-org/gitlab-ce/issues/13680
  • Make sure all images have alt tags https://gitlab.com/gitlab-org/gitlab-ce/issues/23914
  • Improve the Accessibility section of the Frontend Development Docs #23969 (closed)

For 8.14

  • Improve content line-length for readability https://gitlab.com/gitlab-org/gitlab-ce/issues/20916
  • Link color contrast https://gitlab.com/gitlab-org/gitlab-ce/issues/17492
  • Improve focus state on all tabbable items
  • Create shortcut from nav to jump directly to content

Useful links

  • https://www.w3.org/TR/WCAG10-HTML-TECHS/
  • https://www.access-board.gov/guidelines-and-standards/communications-and-it/about-the-section-508-standards/section-508-standards
  • https://pages.18f.gov/accessibility/index.html
  • https://medium.com/@addyosmani/accessible-ui-components-for-the-web-39e727101a67#.dkhh8oxxf
  • http://terrillthompson.com/blog/229

Helpful tools

  • Accessibility Developer Tools chrome extension
Assignee Loading
Time tracking Loading