Fix focus management in Wiki


Location: 07 Wiki - Edit

Severity: 8

Description: When activating Edit after viewing an article for example, focus is redirected to the top of the page. Keyboard users have to tab through multiple items to find their way back to the article they want to update. This makes it especially difficult for people with disabilities using the keyboard as the sole method of navigation.

Pattern: None

Auditor Note: Developers should redirect the focus to the content that just got updated. For example, when the Edit button is activated, focus should go to the Title edit field so that the user starts editing. When the View button is activated focus can go to the Title heading by adding tabindex="-1" and setting focus with JavaScript focus method.

Internal Note: If this can be done, let's do it, but the tester failed to realize that this is a new page. Clicking Edit reloads the page so moving focus back to the top is acceptable. It would be an improvement to move it to the edit field. There has been informal discussion about deprecating Wiki.

Steps to Reproduce


Current Behavior


Expected Behavior


Reason for Variance


Release Notes


User Impact Summary



Eric Fischer
October 27, 2017, 6:00 PM

Make sure you;re waiting for pageload to finish

Eric Fischer
October 27, 2017, 5:59 PM

Set focus on the article element with id=main-article" using tabindex=-1

Your pinned fields
Click on the next to a field label to start pinning.


Greg Martin


Mark Sadecki

Story Points