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(PageLayout): add support for labeling through aria-label, aria-labelledby #2294

Merged
merged 7 commits into from
Sep 2, 2022

Conversation

joshblack
Copy link
Member

@joshblack joshblack commented Aug 31, 2022

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

This PR adds in support for labelling PageLayout.Header, PageLayout.Content, and PageLayout.Footer through either aria-label or aria-labelledby.

It also provides additional information in the PageLayout docs for these landmark roles through a new Accessibility section.

@changeset-bot
Copy link

changeset-bot bot commented Aug 31, 2022

🦋 Changeset detected

Latest commit: 8a10923

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 Minor

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 Aug 31, 2022

size-limit report 📦

Path Size
dist/browser.esm.js 76.29 KB (+0.05% 🔺)
dist/browser.umd.js 76.9 KB (+0.05% 🔺)

@joshblack joshblack temporarily deployed to github-pages August 31, 2022 15:33 Inactive
@joshblack joshblack changed the title Landmark page layout feat(PageLayout): add support for labeling through aria-label, aria-labelledby Aug 31, 2022
@joshblack joshblack marked this pull request as ready for review August 31, 2022 15:52
@joshblack joshblack requested review from a team, rezrah and colebemis August 31, 2022 15:52
@joshblack joshblack temporarily deployed to github-pages August 31, 2022 15:55 Inactive
Copy link
Contributor

@colebemis colebemis left a comment

Choose a reason for hiding this comment

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

Looks great!

Co-authored-by: Cole Bemis <colebemis@github.com>
@joshblack joshblack temporarily deployed to github-pages August 31, 2022 16:27 Inactive
Copy link
Member

@broccolinisoup broccolinisoup left a comment

Choose a reason for hiding this comment

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

Looks awesome! 🤩

Copy link
Contributor

@hectahertz hectahertz left a comment

Choose a reason for hiding this comment

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

Great work @joshblack! 🎉

@joshblack joshblack enabled auto-merge (squash) September 2, 2022 14:36
@joshblack joshblack temporarily deployed to github-pages September 2, 2022 14:43 Inactive
@joshblack joshblack merged commit 4536b87 into main Sep 2, 2022
@joshblack joshblack deleted the landmark-page-layout branch September 2, 2022 14:43
@primer-css primer-css mentioned this pull request Sep 2, 2022
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.

4 participants