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: