WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: How to convey password requirements on registration pages

for

From: Swift, Daniel P.
Date: Apr 22, 2019 11:47AM

Larry:

Could you place the requirements after the textbox and within the label include extra text for the screen reader only indicating that there is a list of password requirements listed just after the textbox.

<label>Password<span class="sro">Please note that requirements are listed just after the password textbox</span></label>

Thoughts?

Dan Swift
Senior Web Specialist
Enterprise Services
West Chester University
610.738.0589

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Fix, Lawrence
Sent: Monday, April 22, 2019 1:41 PM
To: <EMAIL REMOVED>
Subject: [WebAIM] How to convey password requirements on registration pages

We're working on a registration page where the users need to create an ID and PW. There are several requirements for the password e.g. length, numbers, capitals, etc. Does anyone have thoughts on how to provide the requirements to the screen reader user. I've seen examples where the requirements are displayed as a list that appears either below the password field or to the right of the entire form. For the visual user I think that is OK (not great), but for the screen reader - I feel like it has to be read when the user gets to the PW input field. The concern is that the design may look funny with the list of requirements displayed between the ID and PW fields. Any ideas are much appreciated!

Thank you,

Larry


Larry Fix
AIG
Web Site Accessibility
L&R Experience Design
80 Pine St, New York, NY 10005
Tel +1 917 703 3916
<EMAIL REMOVED> | www.aig.com