
I like Colorable because it has sliders that allow you to adjust Hue, Saturation, and Brightness in real time to see how it affects the accessibility rating of a particular color combination. There are lots of tools to help you test the accessibility of color combinations, but the ones I’ve found most helpful are Colorable and Colorsafe. So, when designing things like buttons, cards, or navigation elements, be sure to check the contrast ratio of your color combinations.

To meet W3C’s minimum AA rating, your background-to-text contrast ratio should be at least 4.5:1. Related: How to explain product design to anyone Add enough contrast Here are some quick tips to ensure you’re creating color-accessible products. Color accessibility requires a little up-front work when selecting your product’s color palette, but ensuring your colors are accessible will pay dividends down the road. Making the leap from UX designer to UX/UI designer Ensuring your product is color-accessibleĪccounting for accessibility early on in a product’s life cycle is best-it reduces the time and money you’ll spend to make your products accessible retroactively. The W3C outlines their guidelines for web accessibility within WCAG 2.1, which is essentially the gold standard for web accessibility best practices.

W3C: The World Wide Web Consortium (W3C) is an international, voluntary community that was established in 1994 and develops open standards for the web.You can read the in-depth ordinance here, but to summarize, Section 508 requires that your site needs to be accessible if you are a federal agency or create sites on behalf of a federal agency (like contractors).

Section 508: 508 compliance refers to Section 508 of the Rehabilitation Act of 1973.Various organizations have sought to establish accessibility standards, most notably the United States Access Board (Section 508) and the World Wide Web Consortium (W3C). In 2017, plaintiffs filed at least 814 federal lawsuits about allegedly inaccessible websites, including a number of class actions. “Not creating accessible products is just rude, so don’t be rude.” Justin ReynaĪpart from accessibility being an ethical best practice, there are also potential legal implications for not complying with regulatory requirements around accessibility.
