Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.

Adaptive Forms Separator Element Announced by Screen Readers

Avatar

Level 1

We have web page accessibility issue to address in our forms. When a separator is placed on the form, the <hr> element, the element is announced by the screen reader.

 

We would like to flag these elements to be skipped by screen readers by adding the aria-hidden="true" to the <hr>. How do we do this?  There does not seem to be a way to add additional html values to form elements outside of css.

 

Expected Result:
The decorative separators should be hidden from the screen readers.

 

Actual Result:
The decorative horizontal rule is focused and announced.

 

Thank you

2 Replies

Avatar

Community Advisor

Hi @sxmalone 

 

Is this issue seen in AEM sites or AEM Forms? If its forms, please post your query here for quick resolution: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager-forms/ct-p/adobe-experienc...

 

Hope it helps!

Thanks,
Kiran Vedantam.

Avatar

Level 1

Yes, this is a forms issue.  We opened a support case with Adobe and it appears to be a flaw in forms and there is no fix available.