onSubmit error notification: focus on the heading

Return to main list

This is a test case designed to determine whether assistive technologies announce an error message injected above a form.


Contact details


<div class="error-notification">
  <h4 id="error" class="focus" tabindex="-1">
    Error: Please fix the following two errors and...
    <li><a href="#name">Name: You must include a name</a></li>
    <li><a href="#email">Email: You must use a valid...</a></li>

Assistive technologies

VoiceOver: onsubmit

NVDA: onsubmit

JAWS: onsubmit

Return to main list