1.5 HMPPS logo not announced correctly on iOS devices (M)

1.5.1 WCAG 1.1.1 (A), 1.3.1 (A), 2.4.4 (A) - iPad, iPhone

On iOS devices, the HMPPS logo is announced as “slash link image” by VoiceOver. This does not give screen reader users any context as to the purpose of the link: they are informed that there is an image that functions as a link but no further information is provided.

Screen reader users need to be informed of the link purpose as well as the function of images so that they can make an informed decision on whether they wish to interact with the link. Not providing them with these details can lead to a confusing and frustrating experience.

This is a known bug on iOS devices, caused when the image source is an SVG file.

HMPPS logo and text

FIGURE 1.7: HMPPS logo and text

1.5.2 Recommendation

Test the site on different devices to ensure that the journeys function uniformly and as expected. Further development is required on iOS devices to ensure functionality persists across all devices and browsers.

According to WebKit’s bug report on SVG elements, this can be fixed by adding role="img" to the <svg> tag.