? ?
avatar brianteeman
brianteeman
7 Jan 2021

The password strength script attempts to be accessible by using aria-live to announce when the password matches the site requirements.

https://github.com/joomla/joomla-cms/blob/4.0-dev/build/media_source/system/js/fields/passwordstrength.es6.js#L143

However the code is wrong. For aria-live to work the region must be on the page at the beginning and then updated with content by js. You cannot dynamically add the aria-live region.

This should be done similar to the message layout

<div id="system-message-container" aria-live="polite"><?php echo $msgOutput; ?></div>

Also in this case it should be assertive and not polite as we want it to be announced immediately that the password meets the site requirements.

You can easily test this with the builtin screen reader in OSX or Windows

avatar brianteeman brianteeman - open - 7 Jan 2021
avatar joomla-cms-bot joomla-cms-bot - change - 7 Jan 2021
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 7 Jan 2021
avatar chmst chmst - change - 7 Jan 2021
Labels Added: ?
avatar chmst chmst - labeled - 7 Jan 2021
avatar brianteeman brianteeman - change - 7 Jan 2021
Status New Closed
Closed_Date 0000-00-00 00:00:00 2021-01-07 21:35:00
Closed_By brianteeman
Labels Added: ?
Removed: ?
avatar brianteeman brianteeman - close - 7 Jan 2021

Add a Comment

Login with GitHub to post a comment