WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: [External Sender]Instructions inside forms

for

From: Brian Lovely
Date: Nov 15, 2019 7:39AM

Yeah, the instructions are more about the form itself, rather than anything
that can be tied to a specific input, or arguably converted into individual
error message (like a "must not be blank" type of error). These
instructions are more along the lines of "you must complete this form by XX
date" or "Depending on your answers, we will do X or Y" or something like
that.

That's what's so tricky about this. The info is important, but relates to
the form as a whole, so it's less obvious how to make it discoverable.
...unless the Mozilla-suggested role="document" technique is solid.

On Fri, Nov 15, 2019 at 7:48 AM Birkir R. Gunnarsson <
<EMAIL REMOVED> > wrote:

> 1. Put general instructions related to the form as a whole at the top
> of the form (before the first form field)
> 2. Use aria-describedby to tie instructions specific to a form field
> (such as instructions on the input format) to that form field (if
> possible give users some flexibility on entering things like dates and
> phone numbers by autoformatting the input).
>
> This should be sufficient for most regular forms.
>
>
> On 11/14/19, glen walker < <EMAIL REMOVED> > wrote:
> > 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.
> > > > > https://urldefense.com/v3/__http://list.webaim.org/__;!0Ns9_1dOjwg!PwqzZulE9BGFOYqhR9cN1X6hLL0cH7Bf_i2mHgpEZcGqxwUA1ceqUZOfrQUhAGPCmKXZRg$
> > List archives at
> https://urldefense.com/v3/__http://webaim.org/discussion/archives__;!0Ns9_1dOjwg!PwqzZulE9BGFOYqhR9cN1X6hLL0cH7Bf_i2mHgpEZcGqxwUA1ceqUZOfrQUhAGPIB_T02A$
> > > >
>
>
> --
> Work hard. Have fun. Make history.
> > > https://urldefense.com/v3/__http://list.webaim.org/__;!0Ns9_1dOjwg!PwqzZulE9BGFOYqhR9cN1X6hLL0cH7Bf_i2mHgpEZcGqxwUA1ceqUZOfrQUhAGPCmKXZRg$
> List archives at
> https://urldefense.com/v3/__http://webaim.org/discussion/archives__;!0Ns9_1dOjwg!PwqzZulE9BGFOYqhR9cN1X6hLL0cH7Bf_i2mHgpEZcGqxwUA1ceqUZOfrQUhAGPIB_T02A$
> >


--
*Brian Lovely*
Capital One Digital Accessibility
804.389.1064




The information contained in this e-mail is confidential and/or proprietary to Capital One and/or its affiliates and may only be used solely in performance of work or services for Capital One. The information transmitted herewith is intended only for use by the individual or entity to which it is addressed. If the reader of this message is not the intended recipient, you are hereby notified that any review, retransmission, dissemination, distribution, copying or other use of, or taking of any action in reliance upon this information is strictly prohibited. If you have received this communication in error, please contact the sender and delete the material from your computer.