Entering a password and getting a validation message that the password isn’t meeting requirements is quite frustrating.

It’s critical to inform users ahead of time. Password hints are important to help users know what pattern is acceptable when they create a password. Password hints: Help users know what patterns are acceptable Show password and password hints by Nicolas Steenhout ( CodePen. I hope this short accessibility lesson helps! The code: How to actually do thisīefore I explain what’s going on, here’s a live example using CodePen It’s an issue I have encountered in the last handful of audits I conducted. As I said, I’d been thinking about writing a tutorial about show/hide password accessibility for many months. And I help organizations develop a culture of accessibility and inclusion. I train people about web accessibility and disability inclusion. I’ve been working in web accessibility for over 25 years. Background: Who am I to write about show/hide password accessibility? You can also listen to Ellen talk about this in an A11y Rules Soundbite episode about essential tremors and password fields. I’d been thinking a while about writing this post, but her expression of frustration was my trigger for finally doing it. Ellen Spertus on a disability and tech related Slack. When you have an essential tremor, which makes it hard to type, especially on a phone screen, it’s frustrating when you can’t make visible the password you’re typing, so you don’t know if it’s failing because you mistyped it or because they are expecting a different password.

The trigger: What made me write this post Video versionĪ transcript for this video is available. Some of these include using a to trigger the action, using a role of switch, and using the aria-pressed attribute. There are several things to do to show passwords. To do this, we programmatically associate password hints with the input. We must ensure that both “password hints” and “show password” functionality are accessible. Different approaches: Other ways to accomplish a similar thingĪccessibility is important for many groups of users with or without disabilities.Password hints: Help users know what patterns are acceptable.Background: Who am I to write about show/hide password accessibility?.The Trigger: What made me write this post.Here are a few suggestions to improve “show/hide password accessibility” as well as “password hint accessibility”. “Show password” and “password hints” are vital aspects of usable password form fields.

Nvda screen reader tutorial