Alert notification not accessible to screen reader user after wiki page save

Location: 07 Wiki - Edit

Severity: 9

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.

Pattern: None

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.
Add tabindex="-1" in the message to allow focus but not place static text in the tab order, and use JavaScript focus method to set focus to it when it is displayed.

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