Skip to content

fix(react-avatar): Set aria-hidden to AvatarGroupItem's label#24359

Merged
sopranopillow merged 4 commits intomicrosoft:masterfrom
sopranopillow:a11y-checklist
Aug 12, 2022
Merged

fix(react-avatar): Set aria-hidden to AvatarGroupItem's label#24359
sopranopillow merged 4 commits intomicrosoft:masterfrom
sopranopillow:a11y-checklist

Conversation

@sopranopillow
Copy link
Contributor

Current Behavior

Screen readers read both the Avatar's aria-label and the label in the AvatarGroupItem.

New Behavior

To avoid this, the label will be hidden and only the Avatar's label will be read.

Related Issue(s)

#23773

@codesandbox-ci
Copy link

codesandbox-ci bot commented Aug 12, 2022

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 39b800d:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 12, 2022

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-avatar
AvatarGroupItem
68.418 kB
19.038 kB
68.435 kB
19.043 kB
17 B
5 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-alert
Alert
82.874 kB
20.608 kB
react-avatar
Avatar
48.283 kB
13.644 kB
react-avatar
AvatarGroup
15.068 kB
6.016 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
189.024 kB
51.924 kB
react-components
react-components: FluentProvider & webLightTheme
32.876 kB
10.773 kB
🤖 This report was generated against 7c797fb44915964da8f764a93557f2b5c4c7067f

@size-auditor
Copy link

size-auditor bot commented Aug 12, 2022

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 7c797fb44915964da8f764a93557f2b5c4c7067f (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 12, 2022

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1269 1287 5000
Button mount 971 967 5000
FluentProvider mount 1586 1583 5000
FluentProviderWithTheme mount 622 629 10
FluentProviderWithTheme virtual-rerender 596 595 10
FluentProviderWithTheme virtual-rerender-with-unmount 631 628 10
MakeStyles mount 1914 1909 50000
SpinButton mount 2497 2502 5000

@sopranopillow sopranopillow merged commit a664483 into microsoft:master Aug 12, 2022
@sopranopillow sopranopillow deleted the a11y-checklist branch August 12, 2022 22:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants