4.2 Apostrophe symbol announced incorrectly (M)

4.2.1 WCAG 1.3.1 (A) - Desktop, Mobile, iPad

On the Google feedback form, the final question reads ‘Can we contact… if you’re happy for us to do this.’ While there is no issue with the visual presentation of this text, screen readers announce the word ‘you’re’ as “you and hashtag 39 semicolon re.”

This is the HTML encoding for apostrophes. However, it is unlikely that screen reader users are going to realise this; the present form of announcement could lead to them becoming confused.

Input field highlighted with NVDA speech viewer activated

FIGURE 4.2: Input field highlighted with NVDA speech viewer activated

4.2.2 Code Snippet

<input type="text" tabindex="0" aria-label="Can we contact you about your feedback? Add your name and contact details here if you&amp;#39;re happy for us to do this. ">

4.2.3 Recommendation

This issue is caused because of the way the aria-label has been encoded. Retype the question and review the accessibility of the form—the error might have been caused when the question was copied and pasted from another document.