stripe-react-native icon indicating copy to clipboard operation
stripe-react-native copied to clipboard

Published 20 hours ago • verified publisher icon stripe

Accessibility issues within the PaymentSheet - card management

Open Steven-Fountain opened this issue 1 year ago • 0 comments
trafficstars

Describe the bug

  1. The new card tile & “+Add” text are focused and announced separately.

  2. The added card tile and card number are focused separately. example video: https://drive.google.com/file/d/1PDgB8lHL3K-vSGpm1v6hkyGILZKK7YjZ/view

  3. After double tap on the Edit button focus does not move anywhere.

  4. The card tile and “-“buttons are focused and announced separately. example video: https://drive.google.com/file/d/1PFBl2-VN-cwjnzO4ido3PpKRsCI5dnWb/view

To Reproduce Steps to reproduce the behavior:

  1. Go to payment sheet on mobile
  2. Add a credit card
  3. Listen to the VO of the different elements on the bottom sheet (Select your payment method)

Expected behavior

  1. The new card tile and “+Add” text should be focused and announced together like “Add a new payment method or card“.
  2. The add card tile and card number should be focused and announced together like “Selected: The card ends with (card number)“.
  3. After double-tapping on the Edit button focus should move to the first card in the card list.
  4. The card tile and “-“ buttons should be focused and announced together like the “Remove Visa ending in 0069, button“.

Smartphone:

  • Device: Samsung Galaxy F15
  • OS: Android 14

Additional context Add any other context about the problem here.

Steven-Fountain avatar Jul 31 '24 18:07 Steven-Fountain