E-mail List Archives
Thread: preferred method for communicating password rules?
Number of posts in this thread: 3 (In chronological order)
From: Angela French
Date: Tue, Apr 02 2013 3:04PM
Subject: preferred method for communicating password rules?
No previous message | Next message →
Hello,
I'm wondering if there is a preferred, or best practice, method for displaying information (rules) for password creation that is most efficient for screen reader users and keyboard users. I am envisioning an "information" graphic icon.. When the icon receives focus it could display a tool tip with the password creation rules. I'm guessing that this would need to be placed in front of the <label> tag so that it is read first.
My concern though, is that I don't really know how forms mode works. Does forms mode just navigate the user to each form element in the order in which they appear in the source code, and thus would miss my icon?
Any suggestions appreciated.
Angela French
Internet Specialist
State Board for Community and Technical Colleges
360-704-4316
= EMAIL ADDRESS REMOVED =
http://www.checkoutacollege.com/
From: Birkir R. Gunnarsson
Date: Tue, Apr 02 2013 3:42PM
Subject: Re: preferred method for communicating password rules?
← Previous message | Next message →
Hi Angela
One method that seems to work quite well for screen reader users (at
least with Jaws) is to create the Password rule in a paragraph, give
it an ID and then use aria-describedby="id" for the password field.
See example from master Paul Adam here:
http://www.deque.com/accessible-client-side-form-validation-html5-wai-aria
(I submitted a bug to Freedom Scientific actually because Jaws does
not automatically read aria-describedby if user verbosity is set to
"advanced" but at least one can see the aria-describedby paragraph
right below the field even in that mode with arrow keys, even if it is
located elsewhere on the page).
Of course this may not work for keyboard users but then you might be
able to use a tooltip for these users, or use layout of visual clues
for them, something which I am rather bad at advising on.
cheers
-B
On 4/2/13, Angela French < = EMAIL ADDRESS REMOVED = > wrote:
> Hello,
> I'm wondering if there is a preferred, or best practice, method for
> displaying information (rules) for password creation that is most efficient
> for screen reader users and keyboard users. I am envisioning an
> "information" graphic icon.. When the icon receives focus it could display
> a tool tip with the password creation rules. I'm guessing that this would
> need to be placed in front of the <label> tag so that it is read first.
>
> My concern though, is that I don't really know how forms mode works. Does
> forms mode just navigate the user to each form element in the order in which
> they appear in the source code, and thus would miss my icon?
>
> Any suggestions appreciated.
>
>
>
> Angela French
> Internet Specialist
> State Board for Community and Technical Colleges
> 360-704-4316
> = EMAIL ADDRESS REMOVED =
> http://www.checkoutacollege.com/
>
> > > >
From: Ryan E. Benson
Date: Tue, Apr 02 2013 5:01PM
Subject: Re: preferred method for communicating password rules?
← Previous message | No next message
To add to Birkir, for people without visual disabilities, you could create
a visual highlighting effect - like WebAIM does if you jump to a specific
part of an article.
--
Ryan E. Benson
On Tue, Apr 2, 2013 at 5:42 PM, Birkir R. Gunnarsson <
= EMAIL ADDRESS REMOVED = > wrote:
> Hi Angela
>
> One method that seems to work quite well for screen reader users (at
> least with Jaws) is to create the Password rule in a paragraph, give
> it an ID and then use aria-describedby="id" for the password field.
> See example from master Paul Adam here:
> http://www.deque.com/accessible-client-side-form-validation-html5-wai-aria
>
> (I submitted a bug to Freedom Scientific actually because Jaws does
> not automatically read aria-describedby if user verbosity is set to
> "advanced" but at least one can see the aria-describedby paragraph
> right below the field even in that mode with arrow keys, even if it is
> located elsewhere on the page).
> Of course this may not work for keyboard users but then you might be
> able to use a tooltip for these users, or use layout of visual clues
> for them, something which I am rather bad at advising on.
> cheers
> -B
>
> On 4/2/13, Angela French < = EMAIL ADDRESS REMOVED = > wrote:
> > Hello,
> > I'm wondering if there is a preferred, or best practice, method for
> > displaying information (rules) for password creation that is most
> efficient
> > for screen reader users and keyboard users. I am envisioning an
> > "information" graphic icon.. When the icon receives focus it could
> display
> > a tool tip with the password creation rules. I'm guessing that this would
> > need to be placed in front of the <label> tag so that it is read first.
> >
> > My concern though, is that I don't really know how forms mode works.
> Does
> > forms mode just navigate the user to each form element in the order in
> which
> > they appear in the source code, and thus would miss my icon?
> >
> > Any suggestions appreciated.
> >
> >
> >
> > Angela French
> > Internet Specialist
> > State Board for Community and Technical Colleges
> > 360-704-4316
> > = EMAIL ADDRESS REMOVED =
> > http://www.checkoutacollege.com/
> >
> > > > > > > >
> > > >