Skip to content
GitLab
Open
Issue created by Administrator@rootContributor2 of 4 checklist items completed2/4 checklist items

Accessibility

Created by: tysongach

I’d love for Administrate to be as accessible, as possible. We’ve done some work in that area already: https://github.com/thoughtbot/administrate/pull/51, https://github.com/thoughtbot/administrate/pull/380, https://github.com/thoughtbot/administrate/pull/410, https://github.com/thoughtbot/administrate/pull/416.

But there is more work to be done. I’m going to use this issue to capture those:

  • Links must have discernible text (21 violations)
    • Target: body > .app-container > .main-content > .search > .search__clear > a
    • Target: body > .app-container > .main-content > .collection-data > tbody > tr:nth-of-type(1) > .cell-data.cell-data--email > .action-show.table__link-plain (repeat for each row in the data table)
  • Check a11y of linked table rows; fix the accessible label for table row links.
  • Elements must have sufficient color contrast (76 violations)
    • Target: body > .app-container > .sidebar > .sidebar__list > li:nth-of-type(1) > .sidebar__link.sidebar__link--active (repeat for each blue link)
    • This is the blue link color we use
  • Swap | in page titles, because screen readers read this as “vertical pipe.”

(I’m using the aXe Chrome extension to find these errors)