Alert notification not accessible to screen reader user after wiki page save
Location: 07 Wiki - Edit
Description: When the article is saved after changes are made, a message is rendered "A new version of the article was successfully added". However, the page is refreshed, focus is redirected to the top and the message is not rendered to assistive technologies. Users have to navigate through the page to find the message which makes it more difficult for them. Low vision users who have their screens magnified will not find the message easily if the focus is back to the top of the page.
Auditor Note: Developers must ensure that assistive technology users are aware of the changes in content, more specifically the success message rendered. To do this, developers must set focus on the message. This will help screen reader read the message content, it will also help magnification software users focus on the message.
Internal Note: either move focus, modify the title element, or use aria-live to make the screen reader user aware of the alert. There has been an informal discussion about deprecating Wiki
Steps to Reproduce
Reason for Variance
User Impact Summary
Verified as functioning. Closing ticket
I believe this is complete with the completion of 1554. Will test and verify.
Pairs with https://openedx.atlassian.net/browse/EDUCATOR-1554, they address the same problem.
Suggestion 1: Use StatusAlert component from paragon, it's pretty cool.
Suggestion 2: Move alert inside of <div class="article-wrapper">, set focus there when needed.