Badge: Icon Only variant in storybook does not have aria-label.

[dineshy87]

🙋 Documentation Request

According to React-Spectrum Docs, if a visible label isn't specified, an aria-label must be provided for accessibility. But there are no examples provided.

Storybook example doesn’t have any aria-label and so it’s completely skipped by screenreader users.

Spectrum guidance says that Icon-only variants should be avoided, but if used, should always include a tooltip on hover.

[snowystinger]

According to React-Spectrum Docs, if a visible label isn't specified, an aria-label must be provided for accessibility. But there are no examples provided.

Icon only should be avoided, we don't want to encourage that by providing an example of it. Instead, we let people know they need to provide an aria-label if they decide to make an icon only badge. This is a common statement across our documentation.

Storybook example doesn’t have any aria-label and so it’s completely skipped by screenreader users.

We should add it for completeness, but it's not documentation, only for internal use.

Spectrum guidance says that Icon-only variants should be avoided, but if used, should always include a tooltip on hover.

Spectrum guidance is a bit behind on this one I believe. Badges are not focusable, so they currently can't have a tooltip.