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.
The decorative separators should be hidden from the screen readers.
The decorative horizontal rule is focused and announced.