docs(AnchoredOverlay): add role, aria-label and aria-modal to stories

[francinelucca]

Closes https://github.com/github/primer/issues/3450

Following strategy used in #5175, add proper role to AnchoredOverlay stories.

Changelog

New

• Added role="dialog", aria-label and aria-modal=true to AnchoredOverlay stories via overlayProps

Changed

• Modify hovercard in AnchoredOverlay stories to have more than one focus stop
• Modify AnchoredOverlay stories to have focusZone disabled so that the focus can be navigated through tabs instead of arrows.

Rollout strategy

• Patch release
• Minor release
• Major release; if selected, include a written rollout or migration plan
• None; if selected, include a brief description as to why

Docs only update

Testing & Reviewing

Test deployed storybook AnchoredOverlay stories. Verify:

• Role dialog
• aria-model true
• Focus inside overlay on open
• Focus trap behavior
• Ability to close on escape

Merge checklist

• Added/updated tests
• Added/updated documentation
• Added/updated previews (Storybook)
• Changes are SSR compatible
• Tested in Chrome
• Tested in Firefox
• Tested in Safari
• Tested in Edge
• (GitHub staff only) Integration tests pass at github/github (Learn more about how to run integration tests)

[changeset-bot]

⚠️ No Changeset found

Latest commit: 2f0992b

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[github-actions]

size-limit report 📦

Path	Size
packages/react/dist/browser.esm.js	97.19 KB (0%)
packages/react/dist/browser.umd.js	97.58 KB (0%)

[TylerJDev]

Only thing I could add is if we can add aria-label to the examples that have role="dialog" similar to #5186? Other than that, LGTM! 🚀

[TylerJDev]