---
url: /docs/foundations/accessibility.md
---
# Accessibility

The products we build in Vend have to be accessible and inclusive for everyone. Vend must meet WCAG 2.2 AA requirements.

## Accessibility playbook

The Vend a11y team has a playbook where you'll find essential tips and tools to help you create accessible and user-centered products. This covers a variety of topics, including accessibility guidelines, testing procedures, best practices, and legal requirements.

**Website**
[Accessibility Playbook](https://zeroheight.com/23ed9d143/p/504116-accessibility-playbook)

**Slack support**
[#vend-accessibility](https://sch-chat.slack.com/archives/C06MRNFR8)

## Figma Plugins

### Contrast checkers

As a designer you need to make sure the colour contrasts are good enough.

The contrast between text and the background should be at least 4.5:1.

There are multiple plugins for checking contrast, here are some popular ones.

| Figma plugin | Link                                                                                                                                       |
| ------------ | ------------------------------------------------------------------------------------------------------------------------------------------ |
| Contrast     | [Contrast](https://www.figma.com/community/plugin/748533339900865323/contrast)                                                             |
| Stark        | [Stark - Contrast & Accessibility Checker](https://www.figma.com/community/plugin/732603254453395948/stark-contrast-accessibility-checker) |
| Polychrom    | [Polychrom Contrast Checker](https://www.figma.com/community/plugin/1281280685402026529/polychrom)                                         |

::: image-block
![Figma plugin "Contrast" checking for accessibility](/foundations/figma-plugin-contrast.png)
:::