The color of non-text elements, including input borders and icons, has a contrast ratio of at least 3:1 against its background.For smaller text the contrast is at least 4.5:1. For large text (font size 24 px and up), the contrast is at least 3:1. The color of all text over images, including slideshows, banners, and videos, has sufficient contrast ratios against its background.The color of headings and other large text (font size 24 px and up) has a contrast ratio of at least 3:1 against its background.The color of body text and button text has a contrast ratio of at least 4.5:1 against its background.Test the contrast of all text, including body text, headings, links, and form fields. In the next example, the text has a contrast ratio of 4.8:1, and is easier to read for many customers. In the example below, the text has a contrast ratio of 2.4:1 against its background, and is difficult to read for some customers. You can use an online contrast ratio tool to check the contrast of the different parts of your store. These customers rely on adequate color contrast to visually differentiate one thing from another. When you edit the colors for your online store, make sure that all of your text is accessible to customers who are colorblind or otherwise visually impaired. It's important that the text on your online store is readable for customers who are visually impaired or who have difficulty reading dense blocks of text. If you're a developer, then you can further optimize your theme for accessibility using Shopify tools and best practices. You can learn more about web accessibility by visiting the WCAG website, or by seeing the resources listed below. Since there are many factors to consider when creating an accessible website, only following guidelines below doesn't guarantee that your online store is fully accessible. The guidelines below were created with the Web Content Accessibility Guidelines (WCAG) in mind. Accessibility for your online store is essential to providing an inclusive experience for your customers.

An accessible website is designed so that it can be used by everyone, including people with disabilities. When you customize your theme, it’s a good idea to make design and content choices that help to keep your online store accessible.

Website accessibility screen reader