Screen reader focus does not move to intended target

Rule

The reading and navigation order MUST be logical and intuitive.

Background

When programmatic or keyboard focus does not follow visual focus - such as when an in-page link is coded to only shift the viewport - users of assistive technology do not get the same benefit as sighted mouse users. Programmatic and keyboard focus order must follow visual focus. A logical focus order makes interaction with content predictable for people who rely on a keyboard or screen reader to interact with a web content.

How to Fix

Fix the issue by moving both visual and screen reader focus to the intended element. For instance, when a "return to top" link is activated, both visual and programmatic focus is moved to the top of the page.