Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(react-dialog): removes aria-haspopup #25611

Merged

Conversation

bsunderhus
Copy link
Contributor

Current Behavior

Currently DialogTrigger introduces aria-haspopup to it's child to ensure accessibility.

New Behavior

As stated in #25151, we should be using aria-expanded instead of aria-haspopup

  1. removes aria-haspopup for DialogTrigger
  2. adds aria-expanded for DialogTrigger
  3. updates stories to reflect change
  4. removes aria-describedby from DialogSurface
  5. adds best practices on how to properly use aria-describedby

Related Issue(s)

Fixes #25151

@size-auditor
Copy link

size-auditor bot commented Nov 10, 2022

Asset size changes

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

Baseline commit: 518d14da9d2d826be43b6dc16ad9914ece82e07c (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Nov 10, 2022

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-dialog
Dialog (including children components)
83.147 kB
24.799 kB
83.026 kB
24.757 kB
-121 B
-42 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
62.941 kB
17.678 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
189.948 kB
52.993 kB
react-components
react-components: FluentProvider & webLightTheme
33.446 kB
11.033 kB
react-portal-compat
PortalCompatProvider
5.857 kB
1.978 kB
🤖 This report was generated against 518d14da9d2d826be43b6dc16ad9914ece82e07c

@codesandbox-ci
Copy link

codesandbox-ci bot commented Nov 10, 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 c2bdd6b:

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

@fabricteam
Copy link
Collaborator

fabricteam commented Nov 10, 2022

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1594 1598 5000
Button mount 1121 1153 5000
FluentProvider mount 1938 1863 5000
FluentProviderWithTheme mount 749 745 10
FluentProviderWithTheme virtual-rerender 706 692 10
FluentProviderWithTheme virtual-rerender-with-unmount 754 752 10
MakeStyles mount 2276 2292 50000
SpinButton mount 2991 3049 5000

@bsunderhus bsunderhus marked this pull request as ready for review November 10, 2022 14:11
@bsunderhus bsunderhus requested a review from a team as a code owner November 10, 2022 14:11
@@ -82,7 +82,7 @@ describe('DialogTitle', () => {
mount(
<Dialog modalType="alert">
<DialogTrigger disableButtonEnhancement>
<Button>Open dialog</Button>
<Button id={dialogTriggerOpenId}>Open dialog</Button>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why are all these ids necessary? I don't see them being used anywhere

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To make my life easier i just selected every single button at the same time and added them all these ids, probably they're not necessary on most places..... but it was so many tests that this was the quickest way 🙈

@bsunderhus bsunderhus merged commit a510bcc into microsoft:master Nov 14, 2022
NotWoods pushed a commit to NotWoods/fluentui that referenced this pull request Nov 18, 2022
* feat(react-dialog): removes aria-haspopup

* chore: updates snapshot

* chore: updates e2e trigger selectors
Hotell pushed a commit to Hotell/fluentui that referenced this pull request Feb 9, 2023
* feat(react-dialog): removes aria-haspopup

* chore: updates snapshot

* chore: updates e2e trigger selectors
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.

react-dialog: semantic updates
4 participants