There are three levels of ADA compliance – A, AA, and AAA. TeamSideline has addressed A and AA issues identified on our web sites.
Note: If your users require ADA, please direct them to your website vs using the TeamSideline app. ADA updates to the TeamSideline app will be completed in a future release.
Note: TeamSideline is not responsible for content that admins add to a site (news items, content pages, etc). This includes third party widgets like the weather widget.
Note: TeamSideline has chosen WAVE (WAVE Web Accessibility Evaluation Tools (webaim.org)) as the scanner we use to evaluate ADA related issues. This tool was chosen because it is also used by Telerik (https://www.telerik.com), the UI components used within TeamSideline.
Color Compliance
You can adjust many different controls on your site to different colors at Content > Configurations > Site Layout. The guidelines below were found in this article - https://accessibe.com/blog/knowledgebase/ada-compliant-colors.
You should consider the following:
- Black and white: You won’t find a more accessible color combination than this one. And, while you may think it is bland, there are many leading websites that heavily rely on a black and white combination, including Squarespace - an authority on web design
- Green and white: A solid color combination from both an accessibility and design perspective, the green and white combination is used to great effect on Starbucks' website. It’s important to note that there are shades of green that do not sufficiently contrast with a white background
- Blue and yellow: Both far enough away on the color spectrum to allow for sufficient contrast, yellow and blue is a solid, accessible color combination. It’s important to note that there are shades of yellow and blue that do not sufficiently contrast with each other
- Red and white: Red alone can be difficult to read. However, pairing it with white creates a high-contrast combination that works well for text and graphics. It’s important to note that there are shades of red that do not sufficiently contrast with a white background
Color combinations to avoid:
There are certain color combinations that tend to be problematic, as they often do not contrast sufficiently. If you are interested in using them, you will need to examine specific shades to see if they properly contrast. These include, but are not limited to:
- Green and red
- Green and blue
- Blue and black
- Yellow and orange
- Yellow and red
- Yellow and green
- Purple and black
- Red and brown
- Blue and purple