Chicory’s Get Ingredients Button Is Becoming ADA Compliant

Here at Chicory, we’re on a mission to do digital grocery better. And a huge part of that is making it accessible to all.

It’s for this reason that Chicory audited its shoppable recipe experience to align with The Americans with Disabilities Act (ADA) and Web Content Accessibility Guidelines (WCAG). We took a close look at our current experience to ensure the design and behind-the-scenes technology were optimized for ADA guidelines on navigation and readability. 

This audit led to a few key updates, that will ensure that Chicory is supporting accessible web-based experiences.

New Get Ingredients Button Design

Chicory’s signature Get Ingredients button that lives beneath the recipe card and enables shoppability is now purple! 

Updates to the button also include a new rounded shape, better spacing between recipe content and the button, and features more readable text and color contrast on both the button itself and the powered by messaging. The increased contrast is particularly important in making our technology more accessible.

Updated Recipe Activation Modal 

On the screen that appears once shoppers click the button, the type color and background color have been enhanced to provide better contrast between any copy and the background it appears on.

All buttons have also been updated to a rounded shape, with more readable text.

Device Optimization 

These changes will be on both desktop and mobile, making for a better user experience on all devices. 

We will continue to seek to do digital grocery better, and part of that will include our product team testing new designs and experiences to delight both recipe creators and readers.

Have questions? Don’t hesitate to reach out at hello@chicory.co.