When visiting a webpage that uses aria-live regions or alerts to communicate important updates to the user, messages can get dropped if/when the Firefox 'Remember Password' popup appears. This is especially noticeable after a failed form submission in which the webpage attempts to communicate error messages to the user via these live regions.
I originally reported to Firefox on bugzilla (https://bugzilla.mozilla.org/show_bug.cgi?id=1323070), but it was determined that the underlying problem is with how screen readers handle multiple alert messages.
To reproduce:
1.) Create a simple webpage with a form and an aria-live region (or role='alert') like the following:
<html>
<head>
<script>
function onSubmit(event) {
event.preventDefault();
document.getElementById("status").innerHTML = "The form was submitted";
}
</script>
</head>
<body>
<p id="status" aria-live="polite"></p>
<form method="post" action="" onsubmit="onSubmit(event)">
<input id="email" type="email" placeholder="email@example.com"/>
<input id="password" type="password" placeholder="password" />
<input id="submit" type="submit" value="submit" />
</form>
</body>
</html>
2.) Start NVDA screen reader on Windows.
3.) Open the webpage from step 1 in Firefox. Make sure that Firefox has been configured to offer to remember passwords.
4.) Fill out and submit the form.
Actual results:
The 'Remember Password' popup appears and interrupts the screen reader before it can read the message in the aria-live region. The aria-live messages never get read.
When visiting a webpage that uses aria-live regions or alerts to communicate important updates to the user, messages can get dropped if/when the Firefox 'Remember Password' popup appears. This is especially noticeable after a failed form submission in which the webpage attempts to communicate error messages to the user via these live regions.
I originally reported to Firefox on bugzilla (https://bugzilla.mozilla.org/show_bug.cgi?id=1323070), but it was determined that the underlying problem is with how screen readers handle multiple alert messages.
To reproduce:
1.) Create a simple webpage with a form and an aria-live region (or role='alert') like the following:
2.) Start NVDA screen reader on Windows.
3.) Open the webpage from step 1 in Firefox. Make sure that Firefox has been configured to offer to remember passwords.
4.) Fill out and submit the form.
Actual results:
The 'Remember Password' popup appears and interrupts the screen reader before it can read the message in the aria-live region. The aria-live messages never get read.