Typeform's respondent experience is WCAG 2.1, Level AA compliant. If you were wondering what this all means for you: compliance with these guidelines provides an accessible respondent experience and lets assistive technology users complete your typeforms.
What is WCAG 2.1?
Web Content Accessibility Guidelines (WCAG) were created to make web content more accessible to people with disabilities. The guidelines can’t cover every user need for people with disabilities, but they do address accessibility on both desktop and mobile devices.
Read on to learn more about our tips and tricks for creating accessible typeforms.
Use an accessible theme
The default Typeform theme meets accessibility requirements, as the questions, answers, buttons and background have a color contrast of at least 3.0:1.
The color codes used in the default typeform theme are the following:
- Questions: #000000
- Answers: #0142AC
- Buttons: #0142AC
- Background: #FFFFFF
You can also look for other accessible themes in the gallery, for example, the Filo Fox and Taxi themes are also accessible.
If you want to change a theme or create your own, you can take a look at this contrast checker to make sure that the new theme also meets the accessibility criteria.
Add alt text for screen readers
Adding a short description to your pictures will help people with visual impairment. Even though this label is not visible in your typeform, screen readers will read it out loud.
You can use the Alt text field in question settings to manually describe the picture you’re adding in maximum 125 characters.
Tips! If you’re adding an image from the Unsplash library or an icon from the Noun Project the description of the image will appear automatically in the Alt text field.
Here’s a Picture Choice question with automatically populated alt text:
This is a question with a picture layout:
Use hyperlinks instead of bare links
When adding a link to an external URL, use a hyperlink instead of a bare link. Clearly stating the target of your link in the context will also help users with disabilities.