4.2 Two elements receive focus (L)

'Degree apprenticeships' and 'Continuing Professional Development' links receiving focus on the study page

FIGURE 4.4: ‘Degree apprenticeships’ and ‘Continuing Professional Development’ links receiving focus on the study page

4.2.1 WCAG 2.4.7 (AA), 4.1.1 (A) - iPhone

When the user swipes to the ‘Degree apprenticeships’ link using an iPhone with VoiceOver activated, both the ‘Degree apprenticeships’ and the ‘Continuing Professional Development’ elements receive focus. This could be confusing for blind / low vision VoiceOver users. Best practice is to focus on one interactive element only. For a similar issue see Visible focus is not on the correct element (M) .

4.2.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.

Also, make sure that functionality is consistent when the site is viewed on multiple devices and browsers.