-
Notifications
You must be signed in to change notification settings - Fork 301
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
Conversation
🦋 Changeset detectedLatest commit: e99da7b The changes in this PR will be included in the next version bump. This PR includes changesets to release 14 packages
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 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
…ub.com/aws-amplify/amplify-ui into liveness/photosensitivit-accessibility
There was a problem hiding this 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:
packages/react-liveness/src/components/FaceLivenessDetector/shared/LivenessIconWithPopover.tsx
Outdated
Show resolved
Hide resolved
packages/react-liveness/src/components/FaceLivenessDetector/shared/LivenessIconWithPopover.tsx
Show resolved
Hide resolved
packages/react-liveness/src/components/FaceLivenessDetector/shared/LivenessIconWithPopover.tsx
Outdated
Show resolved
Hide resolved
packages/react-liveness/src/components/FaceLivenessDetector/shared/LivenessIconWithPopover.tsx
Outdated
Show resolved
Hide resolved
… liveness/photosensitivit-accessibility
…ub.com/aws-amplify/amplify-ui into liveness/photosensitivit-accessibility
Description of changes
dialog
role to the popover contentaria-hidden
set totrue
orfalse
depending on whether it's open or closedaria-label
aria-label
noting its purposearia-haspopup
set todialog
aria-expanded
set totrue
orfalse
depending on whether content is open or closedaria-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
yarn test
passes and tests are updated/addedsideEffects
field updatedBy submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.