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

fix(liveness): use button/aria roles for photosensitivity warning #4506

Closed
wants to merge 17 commits into from

Conversation

esauerbo
Copy link
Contributor

@esauerbo esauerbo commented Oct 3, 2023

Description of changes

  • Changed 'i' toggle to button, making it keyboard navigable
  • Added dialog role to the popover content
  • Popover content has aria-hidden set to true or false depending on whether it's open or closed
  • Popover content has photosensitivity warning aria-label
  • Button has an aria-label noting its purpose
  • Button has aria-haspopup set to dialog
  • Button has aria-expanded set to true or false depending on whether content is open or closed
  • Button has aria-controls set to the content id (popover-text)

Issue #, if available

Description of how you validated changes

Visual inspection of accessibility settings on chrome
Used keyboard to navigate to and open/close popup

Checklist

  • Have read the Pull Request Guidelines
  • PR description included
  • Relevant documentation is changed or added (and PR referenced)
  • yarn test passes and tests are updated/added
  • No side effects or sideEffects field updated

By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.

@esauerbo esauerbo requested review from hbuchel and thaddmt October 3, 2023 16:42
@esauerbo esauerbo requested a review from a team as a code owner October 3, 2023 16:42
@changeset-bot
Copy link

changeset-bot bot commented Oct 3, 2023

🦋 Changeset detected

Latest commit: e99da7b

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

This PR includes changesets to release 14 packages
Name Type
@aws-amplify/ui-react-liveness Patch
@aws-amplify/ui Patch
@aws-amplify/ui-react-auth Patch
@aws-amplify/ui-react-core-auth Patch
@aws-amplify/ui-react-core-notifications Patch
@aws-amplify/ui-react-core Patch
@aws-amplify/ui-react-native-auth Patch
@aws-amplify/ui-react-native Patch
@aws-amplify/ui-react-notifications Patch
@aws-amplify/ui-react-storage Patch
@aws-amplify/ui-react Patch
@aws-amplify/ui-vue Patch
@aws-amplify/ui-angular Patch
@aws-amplify/ui-react-geo 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

@esauerbo esauerbo changed the title breaking(liveness): use button/aria roles for photosensitivity warning fix(liveness): use button/aria roles for photosensitivity warning Oct 3, 2023
thaddmt
thaddmt previously approved these changes Oct 3, 2023
Copy link
Member

@thaddmt thaddmt left a comment

Choose a reason for hiding this comment

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

LGTM

.changeset/loud-dodos-crash.md Outdated Show resolved Hide resolved
@esauerbo esauerbo temporarily deployed to ci October 3, 2023 17:46 — with GitHub Actions Inactive
@esauerbo esauerbo temporarily deployed to ci October 3, 2023 17:46 — with GitHub Actions Inactive
@esauerbo esauerbo temporarily deployed to ci October 3, 2023 17:46 — with GitHub Actions Inactive
@esauerbo esauerbo temporarily deployed to ci October 3, 2023 17:46 — with GitHub Actions Inactive
@esauerbo esauerbo temporarily deployed to ci October 3, 2023 18:59 — with GitHub Actions Inactive
@esauerbo esauerbo temporarily deployed to ci October 3, 2023 18:59 — with GitHub Actions Inactive
@esauerbo esauerbo temporarily deployed to ci October 3, 2023 18:59 — with GitHub Actions Inactive
@esauerbo esauerbo temporarily deployed to ci October 3, 2023 18:59 — with GitHub Actions Inactive
Copy link
Contributor

@hbuchel hbuchel left a comment

Choose a reason for hiding this comment

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

Great start! Thank you for looking up the roles/ARIA attributes to use. Left some comments for updates needed:

@esauerbo esauerbo temporarily deployed to ci October 4, 2023 20:09 — with GitHub Actions Inactive
@esauerbo esauerbo temporarily deployed to ci October 4, 2023 20:09 — with GitHub Actions Inactive
@esauerbo esauerbo temporarily deployed to ci October 4, 2023 20:09 — with GitHub Actions Inactive
@esauerbo esauerbo temporarily deployed to ci October 4, 2023 20:09 — with GitHub Actions Inactive
@esauerbo esauerbo temporarily deployed to ci October 6, 2023 21:35 — with GitHub Actions Inactive
@esauerbo esauerbo temporarily deployed to ci October 6, 2023 21:35 — with GitHub Actions Inactive
@esauerbo esauerbo temporarily deployed to ci October 6, 2023 21:35 — with GitHub Actions Inactive
@esauerbo esauerbo temporarily deployed to ci October 6, 2023 21:35 — with GitHub Actions Inactive
@esauerbo esauerbo requested review from hbuchel and thaddmt October 9, 2023 15:03
@esauerbo esauerbo closed this Dec 5, 2023
@esauerbo esauerbo deleted the liveness/photosensitivit-accessibility branch December 5, 2023 17:11
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.

5 participants