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

SelectPanel: Add role="dialog" to overlay #3310

Merged
merged 2 commits into from
May 22, 2023
Merged

Conversation

colebemis
Copy link
Contributor

@colebemis colebemis commented May 22, 2023

Add role="dialog" to the overlay rendered by SelectPanel

Part of https://github.com/github/primer/issues/2087

Screenshots

Before and after screenshot showing that role=dialog is properly applied

Merge checklist

  • Added/updated tests
  • Added/updated documentation
  • Changes are SSR compatible
  • Tested in Chrome
  • Tested in Firefox
  • Tested in Safari
  • Tested in Edge

Take a look at the What we look for in reviews section of the contributing guidelines for more information on how we review PRs.

@changeset-bot
Copy link

changeset-bot bot commented May 22, 2023

🦋 Changeset detected

Latest commit: 5861103

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@primer/react Patch

Not sure what this means? Click here to learn what changesets are.

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

@github-actions
Copy link
Contributor

github-actions bot commented May 22, 2023

size-limit report 📦

Path Size
dist/browser.esm.js 116.18 KB (+0.01% 🔺)
dist/browser.umd.js 118.04 KB (+0.01% 🔺)

@colebemis colebemis temporarily deployed to github-pages May 22, 2023 18:28 — with GitHub Actions Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-3310 May 22, 2023 18:29 Inactive
@github-actions
Copy link
Contributor

Uh oh! @colebemis, the image you shared is missing helpful alt text. Check your pull request body.

Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image.

Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.

Copy link
Member

@jonrohan jonrohan left a comment

Choose a reason for hiding this comment

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

A+++ coder, would recommend 👍🏻

@colebemis colebemis enabled auto-merge May 22, 2023 21:54
@colebemis colebemis disabled auto-merge May 22, 2023 21:54
@colebemis colebemis merged commit 5746c74 into main May 22, 2023
@colebemis colebemis deleted the selectpanel-role-dialog branch May 22, 2023 21:54
This was referenced May 22, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants