WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: [External Sender]Instructions inside forms

for

From: glen walker
Date: Nov 14, 2019 7:34PM

You can still use aria-labelledby (or aria-describedby) on the <form>
itself. The following works ok on firefox and chrome with nvda and jaws.

<div id="instructions">
<p>alpha</p>
<p>beta</p>
</div>

<form aria-labelledby="instructions">
<label>name<input></label>
<label>address<input></label>
</form>

When I tab into the form, before the "name" input is read, the instructions
are read. If my focus were after the form and I navigated backwards, the
instructions are again read when I enter the form before the "address"
input is read.