Improve the usability of the password field + the hide/show functionality for screenreader users
A few weeks back I've taken a look how a password field and in case available, the hide and show password option, is announced in screeenreaders across different CMS systems. one of the CMSes I have taken a look at back then was v11 of Typo3. I got reminded to that issue today when I tested the new TYPO3 v12 support in DDEV (*disclaimer: i am not a Typo3 user). The behavior is slightly different but the overall result more or less the same. For the context I have tested on MacOS 12.6 with VoiceOver in Safari. A few observations:
- the announcement of the recommendations showing up when the first character is entered into the password field gets immediately stopped on the second keystroke. if you enter a password manually you usually add the first one or two characters fast, as soon as you know you are in the password field, that way the announcement gets cut off (see v11.mp4). problem if you leave the field and reenter that announcement isn't made again. seems it is only announced when it shows up for the first time.
- for sighted users the password strength is communicated by the change of color of the password field. screenreader users are completely missing out on that information.
- the state change if the password is hidden or shown with the icon/button isn't announced. one functionality which I considered convenient in Joomla was if you change the state of hide/show the focus shifted back to password field.