react-magma icon indicating copy to clipboard operation
react-magma copied to clipboard

A11y issue: Possible issue with Spinner and Progress Bar

Open joasmi723 opened this issue 4 years ago • 0 comments

The Spinner component is throwing an a11y error, because it uses aria-label on the span that displays the spinner. Under 2.1 guidelines, only interactive or aria elements should have aria-labels. If we use the VisuallyHidden component instead, this most likely will resolve this error.

Additionally, the Progress Bar is also showing an error, because we don't have aria-labels on them.

Both components seem to be working as intended with Mac VoiceOver. I have not testing on NVDA or Jaws.

joasmi723 avatar May 18 '21 20:05 joasmi723