Accessibility Screen Reader Text - HTML5 form using XDP

[aemuser001]

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

[aemuser001]

The text in label field is in Arial font and this is read aloud.

Does the font need to be aria-label in input text field, check box and button to read aloud? 

How to include this aria-label font in AEM Designer's font list?

[Pulkit_Jain_]

@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?

[kautuk_sahni]

@Vijay_Katoch @radzmar @Shubham_borole @NirmalAEM @rismehta @Pankajgirotra Your input would really help! If you have time, please review this question and share your thoughts.

[Shubham_borole · Accepted solution]

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