Token > Update close button aria-label
Problem
The × button has aria-label="Close"
, which doesn't accurately represent the remove action.
CleanShot_2022-06-01_at_10.26.28
Solution
- Change to something more clear, for example
aria-label="Remove token"
. - It would have to be tested to ensure it isn't verbose, but it could be helpful to have the token key:value pair as part of the button announcement.
aria-describedby
could be useful. If there are a lot of tokens, just moving from buttons labeled as "Remove token" consecutively isn't very helpful, but if was announced more like "Remove token (pause) label equals category foundations" it would explicitly identify what is being removed. When using something like VoiceOver's rotor, it would also mean that there's not a stack of repetitive links.
Edited by Jeremy Elder