0

When there is an error in a required field we render this:

<label for=":r0:-input">First name</label>
<input id=":r0:-input" type="text" value="" name="firstName" aria-required="true" aria-invalid="true" aria-errormessage=":r0:-error">
<p id=":r0:-error" class="micro text-feedback-red flex items-center mt-4" role="alert">This field is required</p>

But I can't seem to get VoiceOver (Chrome, Mac) to read that error message, not automatically at least and I tried some VO+Shift+h key combination but that didn't work.

Improve this question
1
Related questions
0
Force Voiceover to speak text in Web Browsers (OS X)
1
NVDA not reading < mat-error > on Firefox
1
How to properly handle inline error messages while the user is typing (ARIA)?
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.