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

Fix `compass-schema` button accessibility

    XMLWordPrintableJSON

Details

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Major - P3 Major - P3
    • 1.31.3
    • None
    • Schema
    • None
    • 3
    • Not Needed
    • Iteration Zanzibar

    Description

      `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

      Attachments

        Activity

          People

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

            Dates

              Created:
              Updated:
              Resolved: