Don't read the required field asterisk as "star"

[BryceStevenWilley]

(See A11Y-13)

[ekressmiller]

The CSS-generated asterisk on required fields is announced literally as "star" by screen readers. The visual asterisk should be hidden from assistive technology, since aria-required="true" already communicates the required state programmatically.

The asterisk is generated via a CSS pseudo element ("::before" or "::after" with "content"), so "aria-hidden" cannot be applied to it directly. Replace the CSS-generated asterisk with a real "" element containing the asterisk and add "aria-hidden=true" to that span. The required state is already communicated programmatically via "aria-required=true" on the form fields, so the asterisk is redundant for screen reader users.