Uploaded image for project: 'Compass '
  1. Compass
  2. COMPASS-5758

Fix `compass-schema` button accessibility

    • Type: Icon: Bug Bug
    • Resolution: Fixed
    • Priority: Icon: Major - P3 Major - P3
    • 1.31.3
    • Affects Version/s: None
    • Component/s: Schema
    • None
    • 3
    • Iteration Zanzibar
    • Not Needed

      `compass-schema` has a number of non-interactive html elements with `onClick` handlers. This heavily hinders accessibility as they are not keyboard navigable. We should ensure these elements have the proper roles and html tags.

      With the recent update to the shared configs we now have disable eslint for the places that have these onClick handlers.

      Eslint rules:

      Visible, non-interactive elements with click handlers must have at least one keyboard listener. - eslint jsx-a11y/click-events-have-key-events

      Static HTML elements with event handlers require a role. - eslint jsx-a11y/no-static-element-interactions

            Assignee:
            rhys.howell@mongodb.com Rhys Howell
            Reporter:
            rhys.howell@mongodb.com Rhys Howell
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: