Adapt to enhanced accessibility support
Zuora's 2023.12.R1 release enhances Payment Page 2.0 accessibility, aligning with WCAG 2.0, by adding asterisks for required fields, an "Error" keyword for messages, and improved content focus indicators.
Since the 2023.12.R1 release, Zuora has provided the following enhancements to the Payment Page 2.0 solution to make the page content more accessible to people with visual disabilities. These enhancements are aligned with Web Content Accessibility Guidelines (WCAG) 2.0 . Ensure that you test all these changes before they go live in production.
Asterisk indicator
Asterisks (*) are added to indicate the required fields, so that the required fields can be properly detected by the screen reader.
-
For new hosted payment pages created after the 2023.12.R1 release, this enhancement is automatically applied.
-
For existing hosted payment pages, 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 CSS section.
-
If you have customized the CSS, back up your CSS.
-
Click Restore Default CSS .
-
Update the CSS by incorporating your customization changes into the current CSS.
-
Click Generate and Save Page .
-
Error keyword
The Error keyword is added to the error messages that occur when the input of the field is invalid, so that the message can be properly detected by the screen reader.
-
For new hosted payment pages created after the 2023.12.R1 release, the
Errorkeyword is present by default. -
For existing hosted payment pages, if you want to adapt to this accessibility support, manually update your error messages to the following format:
Error: <MESSAGE>
Content focus indicator
The content focus indicator can be correctly activated and moved during page navigation. Interactive functionalities are operable with the keyboard.