The American Disabilities Act (ADA) is a comprehensive civil rights law that was enacted to protect individuals with disabilities from discrimination. In order for a brand to be ADA compliant, their websites must provide equal access to their online content as outlined in the Web Content Accessibility Guidelines.
What is WCAG?
The Web Content Accessibility Guidelines (WCAG) are accessibility standards set by the World Wide Web Consortium. WCAG 2.1 is the current set of guidelines, broken into four principles that websites must be:
- Perceivable: Information and user interface components must be presentable to users in ways they can perceive.
- Operable: User interface components and navigation must be operable.
- Understandable: Information and the operation of user interface must be understandable.
- Robust: Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.
What are the levels of conformance (A, AA, & AAA)?
Each level of conformance has certain requirements. The foundation of our Olo white-label platform is AA compliant, which is the most widely used standard, and we strongly encourage all of our brands to meet this level of conformance for their custom site designs on our platform.
How can I test my design’s AA conformance?
To meet AA level requirements under WCAG 2.1, text colors must meet the following minimum contrast ratios: It is recommended to verify your color choices with a contrast checking tool to ensure ADA compliance.
- Text and images of text have a contrast ratio of at least 4.5:1.
- Large text - at least 18 point (typically 24px) or 14 point (typically 18.66px) bold has a contrast ratio of at least 3:1.
- Contrast Checker: WebAIM Color Contrast Checker.
- If your colors do not pass the contrast check: Accessible Colors allows you to enter colors (HEX#) and provide suggestions that are as close as possible to what you entered that would make it ADA compliant.
What if my brand chooses not to be compliant?
Olo assumes no responsibility for your color choices that do not meet WCAG 2.1 AA requirements. Furthermore, to the extent you chose to submit non-compliant material to Olo, you agree to indemnify Olo for such non-compliance.
Tips & Best Practices
- Do not use informational text in images
- If you have text that says “Special offer through next week” in the image, a screen reader will not be able to read it, and someone would miss that information.
- Category titles and names are okay i.e. “New summer smoothies!” as long as the name on the image corresponds to the category title in Menu Admin.
- Always send your design updates to Olo Help Center as early in advance as possible
- Olo’s engineering team can plan for images to go live on a specific date as far out as needed, within standard business hours.
- It may take up to 2-4 weeks turnaround to complete your design request.