Our surveys are AA compatible however because we allow you control over certain content and design, there are two aspects to ensuring your surveys stay accessible:
1. The options you pick in the Survey Design
2. The content in rich text editors e.g. login pages, welcome page, thank you page etc
1. Survey Design
When designing surveys, ensure the colours you select are accessible. This means that the colour contrast should be high enough for visually impaired users to easily differentiate various elements.
Consider the following aspects:
Header colour: Choose a colour that contrasts well with your text colour.
Page colour: This should significantly contrast with both the text and answer option colours.
Answer Option Border Colour: Ensure this stands out against the page and answer option background colours.
Text Colour: This should be clearly distinguishable from the background colours.
Answer Option Background Colour: opt for a colour that contrasts with the text and border colours.
Question Font & Sample Text Example: Choose a legible font and provide an example to demonstrate readability.
Question Font Size: Ensure it is large enough for easy reading.
Answer Option Font & Sample Text Example: Select a font that is easy to read and provide a sample for clarity.
Answer Option Font Size: This should be sufficiently large for ease of reading.
How to Check Contrast: Use online tools such as the WebAIM Contrast Checker to evaluate the colour contrast of your design elements. See https://webaim.org/resources/contrastchecker/bookmarklet and add it to your bookmarks
Run a test and adjust colours based on the tool's feedback to achieve the correct contrast.
2. Crafting Accessible Content:
Creating accessible content is essential for ensuring that all users, including those with visual impairments such as colour blindness, can interact with your content effectively.
This section offers guidance on optimising contrast, colour schemes, and font size in the Rich Text Editor, and addresses the use of third-party content and survey design for accessibility.
Understanding Colour-Blindness:
Colour-blindness, particularly red-green colour blindness, is a common visual impairment. Avoid colour combinations like red text on a green background, which can be difficult for these individuals to discern.
Contrast and Accessibility: High contrast between text and background is vital for readability. Light grey text on a white background, for instance, can be challenging to read for many visually impaired users. Ensure your colour choices offer sufficient contrast.
Font Size Considerations: Small text can be a barrier to readability. Use a font size that is easily readable by all users, including those with visual impairments, and avoid excessively small fonts.
Third-Party Content Limitations: Be aware that third-party content integrated into your materials is not always accessible. To maintain overall accessibility, limit or avoid the use of such content.
Conclusion: By considering contrast, colour schemes, font size, and the limitations of third-party content in your survey design, you can make your content more accessible to respondents with colour-blindness and other visual impairments. This approach not only improves their experience but also ensures your content is inclusive and accessible to all users.