Textual names, roles, and status attributes
This task explains how to apply accessibility enhancements to hosted payment pages by using textual names, roles, and status attributes for better screen reader detection.
The following textual names, roles, and status attributes are available in the element tags. This makes elements correctly detected by the screen reader.
-
aria-requiredis added to all fields. -
title = "payment"is added to the iframe rendered by Zuora. -
In the confirmation dialog for bank transfer payment pages, the
buttonrole is added to the confirm and cancel buttons. -
The
dialogrole is added to the confirmation dialog for ACH payment pages.
For the following hosted payment pages, this enhancement is automatically applied:
-
New hosted payment pages of all types created after the 2023.12.R1 release
-
Existing payment pages for Credit Card and Credit Card Reference payment methods
For existing hosted payment pages for bank transfer payment methods, elements on the confirmation dialog do not get this enhancement automatically. If you want to adapt to this accessibility support, complete the following steps:
- Open your hosted payment page in editing mode, and scroll down to the Confirmation Dialog section.
- If you have customized the template, back up your template.
- Click Restore Default Template .
- Update the template by incorporating your customization changes into the current template.
- Click Generate and Save Page .