Required input. HTML attribute and plain "required" text in label results in duplication for AT. Hide one?

Hi,


Trying to avoid AT (assisstive technology) users with screen readers hearing content twice, specifically "required" and then "required" again, I wondered if  this use of aria-hidden="true" is considered safe  and a good idea, or risky given perhaps some user-agent might not announce "Required" when they encounter the HTML5 'required' attribute?:

<label for="fname">First name <span aria-hidden="true" class="mandatory">(required)</span>:</label>
<input name="fname" id="fname" type="text" autocomplete="given-name" required>


Thanks in advance for comments.


Regards,

Alan
. . . . -   . . - - -
Alan Bristow ( he / him / il )
Web Developer / Développeur Web
Elections Canada / Élections Canada
alan.bristow@elections.ca<mailto:alan.bristow@elections.ca>

Received on Monday, 29 August 2022 12:59:41 UTC