Description
In working on C2LC-453, we discovered that the stop button styles result in a button that’s too small to meet accessibility guidelines. This ticket covers converting both of those icons to use the same Icon Button component that the world picker and keyboard input toggle use.
As discussed on chats, part of this is reconciling how we use the “disabled” property of that component so that the stop/refresh buttons are styled correctly when they are not clickable.
Comments
-
Daniel Cho commented
2021-11-01T11:47:37.946-0400 IconButton component is slightly bigger than current Refresh button, so when we change Refresh button to use IconButton, we might need to make PenDownToggleSwitch a little bigger as well.
-
Simon Bates commented
2021-11-01T13:28:46.639-0400 Tasks:
- Implement ‘disabled’ semantics for the IconButton
- Use the updated IconButton for these buttons: Refresh, Stop, Delete All
- Remove the IconButton.onKeyDown property: implement the keyboard triggering within the IconButton component so that the user experience is consistent across IconButtons; this will remove the need to have multiple implementations of the keyboard handling, such as currently: