Avatar has a few accessibility bugs showing up in storybook:
- The first avatar in the default story needs to have an accName exposed
- The avatars in the "Active" story should be given realistic names so that the active/inactive state is exposed separately from the name
- The avatars in the "Active Appearance" story need to have their active state exposed (this would be a component change rather than a story change)
- The badges in the badge story have an
aria-label applied to a generic <span> element -- that prop should be removed from the story code
- The badges need a role of
img and to not be hidden so the accName is correctly calculated and not relying on browser author correction mechanisms.
Avatar has a few accessibility bugs showing up in storybook:
aria-labelapplied to a generic<span>element -- that prop should be removed from the story codeimgand to not be hidden so the accName is correctly calculated and not relying on browser author correction mechanisms.