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
This was flagged during an accessibility review of our application. Other MUI components, such as Typography let you override the HTML component (i.e. component="h2"), but AvatarGroup does not.
It would be good to (a) use <ul> and <li> as the defaults and (b) allow overriding of the component when needed.
This issue is related to default accessibility (the markup) of the Avatar, AvatarGroup. Another issue is the workaround via component that is not working in AvatarGroup which should be a separate issue. Let's separate them:
Duplicates
Latest version
Current behavior 馃槸
Currently,
AvatarGroup
andAvatar
generate<div>
s for markup, which is not semantic/structured.Expected behavior 馃
Using a list would better structure the list and its members for screen reader users:
Steps to reproduce 馃暪
Context 馃敠
This was flagged during an accessibility review of our application. Other MUI components, such as
Typography
let you override the HTML component (i.e.component="h2"
), but AvatarGroup does not.It would be good to (a) use
<ul>
and<li>
as the defaults and (b) allow overriding of the component when needed.Your environment 馃寧
npx @mui/envinfo
The text was updated successfully, but these errors were encountered: