WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Aria and inline character password validation

for

From: Pierre Hachey
Date: Jan 19, 2017 8:57AM


Thanks Michael. Good points.

Sent from my BlackBerry 10 smartphone.
Original Message
From: Moore,Michael (Accessibility) (HHSC)
Sent: Thursday, January 19, 2017 10:33 AM
To: WebAIM Discussion List
Reply To: WebAIM Discussion List
Subject: Re: [WebAIM] Aria and inline character password validation


Honestly I would like to see some user testing data on assertive vs. polite on this one. If assertive causes you to get interrupted multiple times while typing the password that you chose would be really annoying in my opinion. It may even result in mistyping the chosen password. I think that most users know what they are going to type into the password field before they start and if it does not meet the minimum strength requirements they have to come up with a totally different one.

Of course best practice is to tell someone up front what the password rules are so that they can create one that meets the rules from the start.

Mike Moore
EIR (Electronic Information Resources) Accessibility Coordinator
Texas Health and Human Services Commission
Civil Rights Office
(512) 438-3431 (Office)
(512) 574-0091 (Cell)

Making electronic information and services accessible to people with disabilities is everyone's job. I am here to help.

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Birkir R. Gunnarsson
Sent: Thursday, January 19, 2017 9:27 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Aria and inline character password validation

I would use aria-live="assertive" and only update it when the password strength changes I would also connect it with the input field.
<label for="pw"> Password</label>
<input type="password" id="pw" aria-describedby="strength"> <span aria-live="assertive" id="strength">weak</span> The JavaScript would update the contetnts of this span to something relevant such as "stronger" or at least 'sufficient" when done.
Of you can say "0% strong" then "x% strong".

If you have a more complex implementation, such as you specify whihch conditions have been met you can use the same construct, you just have to be more careful with the wording and updates.



On 1/19/17, Jonathan Cohn < <EMAIL REMOVED> > wrote:
> I would try a polite live region and see how that works. Generally
> screen readers do say something for every character typed. If you find
> the live region too noisy, then a JS solution that waits for no input
> for half a second and then updates the live region would help.
>
>
> Best wishes,
>
> Jonathan Cohn
>
>
>
>> On Jan 19, 2017, at 10:14 AM, Pierre Hachey
>> < <EMAIL REMOVED> >
>> wrote:
>>
>> Hi WebAIM list,
>>
>>
>> What are your thoughts?
>>
>> Context:
>> The input field for password has a real time character validation
>> that shows the users via a dynamic tooltip, the strength of the
>> password due to using symbols, lower and upper characters.
>>
>> Question:
>> As the user types a line on tooltip vertically increases to show
>> strength of password (percentage change -week to strong), since this
>> line keeps changing as the user types, what kind of "aria" should I add?
>>
>> Would it be aria-live? Do I need javascript?
>>
>> Thanks
>> Pete
>>
>>
>>
>>
>> Sent from my BlackBerry 10 smartphone.
>> >> >> archives at http://webaim.org/discussion/archives
>> >
> > > archives at http://webaim.org/discussion/archives
> >


--
Work hard. Have fun. Make history.