1.11 Visible focus is not on the correct element (M)

Visible focus not on the LJMU logo with NVDA speech viewer activated

FIGURE 1.33: Visible focus not on the LJMU logo with NVDA speech viewer activated

1.11.1 WCAG 1.3.1 (A), 2.4.7 (AA) - Desktop

When the user navigates to the logo, the visible focus is not on the logo but on the ‘Find a course’ menu item. This could be confusing for keyboard users, especially those with low vision.

Visible focus should help the user know which element has the keyboard focus.

1.11.2 Recommendation

To help the user identify which element they are interacting with include a:focus and a:active in the CSS file ensuring that the correct element is receiving keyboard focus.