You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug Spinners are an <svg> with role="status", but they do not have an accessible label.
To Reproduce
Steps to reproduce the behavior:
Create a <Spinner />
Observe that screen reader skips over it, or notifies of a status, but with no explanation as to what it is
Expected behavior
Examples should contain an accessible name.
@rluders@bacali95 Users might want to provide a separate element rather than label the Spinner directly, which means there ideally would be flexibility between assigning aria-label and aria-labelledby. So I'm hesitant to say add a prop here, and instead I think it would be best to accept all HTML attributes and add accessible names to the examples. Thoughts?
Screenshots
n/a
Additional context
I've tried this on Apple VoiceOver so far.
The text was updated successfully, but these errors were encountered:
tulup-conner
added a commit
to tulup-conner/flowbite-react
that referenced
this issue
May 11, 2022
Describe the bug
Spinner
s are an<svg>
withrole="status"
, but they do not have an accessible label.To Reproduce
Steps to reproduce the behavior:
<Spinner />
Expected behavior
Examples should contain an accessible name.
@rluders @bacali95 Users might want to provide a separate element rather than label the
Spinner
directly, which means there ideally would be flexibility between assigningaria-label
andaria-labelledby
. So I'm hesitant to say add a prop here, and instead I think it would be best to accept all HTML attributes and add accessible names to the examples. Thoughts?Screenshots
n/a
Additional context
I've tried this on Apple VoiceOver so far.
The text was updated successfully, but these errors were encountered: