Screen readers do not read password reset success messages

Description

As a screen reader user, I expect to be able to reset my password on edX and be notified that my request was successful.

Steps to reproduce

  1. Using JAWS or NVDA on Windows, open Firefox or IE 11 (or Chrome with NVDA) and navigate to edx.org/login.

  2. Click the 'Forgot password?' link

  3. Enter your email address and click 'Reset my password'.

Expected:

The screen reader reads the success message (the contents of the green 'Check your email' notification area).

Actual:

The screen reader does not read the success message.

Implementation Note:

I believe this happens because of the way our javascript views transition the page from passwordReset to login. The login view is responsible for rendering the success message, and it does so in response to a 'sync' event from the passwordReset model. Currently, the passwordReset model emits the 'sync' event while the login view is hidden. I believe this makes it difficult (or impossible?) for the screen readers to see and respond to the success message.

I tested my theory by changing the call order so that the success message would be rendered after the login view became visible. This didn't fix the issue. I believe that may be because the message was rendered too quickly after the login view became visible, possibly before the screen reader had a chance to recognize the presence of a new aria-live region on the page. A potential solution may involve moving the form feedback container outside of the login subview so that it never gets hidden. This might be a bit involved, but it would probably allow for more consistent screen reader behavior across our logistration pages.

Steps to Reproduce

None

Current Behavior

None

Expected Behavior

None

Reason for Variance

None

Release Notes

None

User Impact Summary

None

Status

Assignee

Waheed Ahmed

Reporter

Anthony Mangano

Reach

None

Impact

None

Platform Area

Learner Experience - Learner Registration & Log In

Customer

None

Partner Manager

None

URL

None

Contributor Name

None

Groups with Read-Only Access

None

Actual Points

None

Category of Work

None

Platform Map Area (Levels 1 & 2)

None

Platform Map Area (Levels 3 & 4)

None

Priority

CAT-3
Configure