8.3 On each screen, does each component in a text environment whose nature is not obvious have a contrast ratio greater than or equal to 3:1 in relation to the surrounding text?

Test 1 (8.3)

iOS

1. Activate the Differentiate without colour option (Settings > Accessibility > Text display and size > Differentiate without colour).
2. Activate the Increase contrast option (Settings > Accessibility > Text display and size > Increase contrast) or if present in the application, activate the replacement mechanism enabling the application to be displayed with a sufficient contrast ratio.
3. Identify user interface components (links, buttons) with text embedded in a text environment (in a sentence, for example), identified only by colour (without any other formatting that distinguishes them from the rest of the text in which they are embedded).
4. Activate the Colour Contrast Analyser software on the computer and capture the colours of the surrounding text and the interactive component on the mobile device,
   • either by broadcasting the screen of the mobile device on the computer;
   • or by taking screenshots of the elements to be evaluated (and importing them onto the computer).
5. Check that the contrast between the font colour of the component and the font colour of the surrounding text is at least 3:1.
6. If this is the case, the criterion is validated.

Android

1. If it exists in the application, activate the replacement mechanism to display the application with a sufficient contrast ratio.
2. Identify user interface components (links, buttons) with text embedded in a text environment (in a sentence, for example) identified solely by colour (without any other formatting that distinguishes them from the rest of the text in which they are embedded).
3. Activate the Colour Contrast Analyser software on the computer and capture the colours of the surrounding text and the interactive component on the mobile device,
   • either by broadcasting the screen of the mobile device on the computer;
   • or by taking screenshots of the elements to be evaluated (and importing them onto the computer).
4. Check that the contrast between the font colour of the component and the font colour of the surrounding text is at least 3:1.
5. If this is the case, the criterion is validated.