Fix `compass-schema` button accessibility

XMLWordPrintableJSON

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

      `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
              Reporter:
              Rhys Howell
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated:
                Resolved: