Accessibility Screen Reader Text - HTML5 form using XDP

Question

Hi all,Using AEM Designer version 6.5.0.201 Cipher:128 bit, an XDP form is created and uploaded to AEM 6.5 (on premise). This AEM renders the XDP form as HTML5 form in a browser. This form is not an Adaptive form. The HTML5 form is tested using the 'Read aloud' feature available in MS Edge. The browser is reading the label aloud, but it does not read the caption or the custom screen reader text for input text fields, check boxes and buttons. Attached is the sample 'ScreenReaderTest.pdf'. Please save this .pdf in .xdp file format. (This post does not allow to upload an XDP file).  What can be done to make this to work?Thanks

Shubham_borole · Accepted Answer

Hi @aemuser001

Can you please check if you can add XFA roles and tags to the XDP so that the screen reader can pick up?

If there is control over the html then we can check into adding aria-label tag to the desired fields.However to XDP file or to XFA form aria-label will not work, we may be able to leverage label or tooltip tag.

Some useful links in this post : Document of Record API Generate Accessibility Tags - Adobe Experience League Community - 411194

Thanks

Shubham

Pulkit_Jain_ · Answer

@aemuser001

Aria label is not a font, but it provides a text alternative to the screen reader for an element that does not have visible text on the screen.

The font of the text shouldn't matter, and I see that the custom screen reader text is read aloud with NVDA, so there could be an issue with the 'Read aloud' feature available in MS Edge?

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded