google chrome - Paypal button label insertion interrupts screen reader

Question

I have a "PayPal express checkout" button with a "Checkout" label which gets appended to the button after the page is loaded.

When the page starts loading, the screen reader (Chromevox in my case) starts reading the title of the page and then comes down to heading and to the Alert Box, if any. This flow gets interrupted in the middle when PayPal button calls for its label and the "Checkout" text gets rendered.

I've tried adding the aria-live="off" property to the parent of the PayPal button, but it didn't help. Any other way to prevent it from interrupting the screen reader?

You can check the same using ChromeVox on the PayPal Button example page - https://developer.paypal.com/demo/checkout/#/pattern/client The Screenreader would start reading the title but a long bell sound would interrupt it with the PayPal animation.

question from:https://stackoverflow.com/questions/65930949/paypal-button-label-insertion-interrupts-screen-reader

Answer 1

Waitting for answers