When creating accessible content in Ceros, there can be a lot to remember—so we’ve put together this list of Dos and Don’ts to help guide you while creating your content!
Dos
- Turn on accessibility in your Settings Panel
- Use the Ceros live text tool (making sure you’ve adjusted your letter and line spacing to be at least .12 times your font size, and 1.5 times your font size, respectively)
- Use a color contrast validator tool to make sure you can read your text color over your background color
- Add Alt Tags to any important images in the experience
- Add Aria labels to any visual or interactive component that you want your screen reader to communicate to your user
- Check the layout of your bounding boxes to ensure that your content will be read out in the order that you want
- For popups, make sure that your “trigger” and “target” are in the same parent group
- Organize your layers panel using groups, grouping your assets together by section
- Add HTML section tags to each group
- Create a Toggle Reduce Motion button
- Add header tags to all of your text elements
- Test your experience with a screen reader
Don’ts
- Don’t use images of text (if you must use an image of text, make sure you add an alt tag)
- Don’t use folders to organize your layers panel, solely use groups
- Don’t use the “Scroll to position” interaction for navigation. Instead, use “Scroll to Object”
- Don’t neglect testing your content for accessibility
- Don’t use Object States in Accessible Content
- Don’t build out your experience, then try to make it accessible after the fact … build with accessibility in mind and use all the accessibility features throughout
Was this helpful?
5 out of 5 found this helpful