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

Accesibility issues within the PaymentSheet #9525

Open
korinahoughtaling opened this issue Jul 30, 2024 · 0 comments
Open

Accesibility issues within the PaymentSheet #9525

korinahoughtaling opened this issue Jul 30, 2024 · 0 comments

Comments

@korinahoughtaling
Copy link

Describe the bug

  1. After double tapping on checkout, the focus and VO moved to the Background screen of the Payment sheet.
  2. The VO for the Pin/Zip code field data is announced in words (ninety-eight thousand one hundred one).

Video- 1-VID20240718135805.mp4

  1. The inline error message is not focused and is not announced when a user enters an invalid card number or expiry date.
  2. The VO announced “Error: Invalid input“ for the field when the user navigates back to the card number or expiration date field with the left swipe gesture.

Video- VID20240718140202.mp4

  1. The trait (Button, Double-ta to activate) is not announced for the VO of “Pay“ CTA.
  2. The focus is not moving to the error message after double tap on Pay CTA (This issue observed for all the error states like, expiry card, Incorrect CVC, card_declined_on_card_add).

Video- VID20240718140448.mp4

To Reproduce
Steps to reproduce the behavior:

  1. Open the payment sheet
  2. Turn on the talkback from the device settings.
  3. Tap on the Checkout CTA
  4. Listen to the VO of the different elements on the screen
  5. Enter a cc decline card (4000000000000002) and try to submit. Listen to the VO

Expected behavior

  1. After double tapping on checkout, the focus and VO should be moved to the Payment sheet, not on the background screen.
  2. The VO for the Pin/Zip code field data should be announced in single separated digits (9 8 1 0 1) not in words (ninety-eight thousand one hundred one).
  3. The inline error message should be focused and announced asap when a user enters an invalid card number or expiry date.
  4. When the user navigates back to the card number or expiration date field with the left swipe gesture, the VO of the inline error message should be announced exactly as it is displayed along with the value that is “Edit box: 424242… Card number. Your card number is invalid“ not the “Edit box: 424242…Card number. Error: Invalid input“.
  5. The trait (Button, Double-ta to activate) should be announced for the VO of “Pay“ CTA.
  6. The focus should move to the error message after double tapping on Pay CTA. (for all the error states like, expiry card, Incorrect CVC, card_declined_on_card_add).

Screenshots
See videos

Smartphone:

  • Device: Samsung Galaxy F15 (14)
  • OS: Android

Additional context
Add any other context about the problem here.

@samer-stripe samer-stripe transferred this issue from stripe/stripe-react-native Oct 29, 2024
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

No branches or pull requests

1 participant