Expand my Community achievements bar.

Adaptive Forms Separator Element Announced by Screen Readers


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

0 Replies