These guidelines are aligned with the official WCAG 2.2 documentation and the European Web Accessibility Directive. They are structured around the four core principles established by the WCAG: Perceivable, Operable, Understandable, and Robust. Each principle is categorised into three levels of conformance: A, AA, and AAA. This document specifically addresses levels A and AA, focusing on criteria influenced by design’s input. For comprehensive information on the WCAG and EU legislation, please refer to their official websites.
The purpose of this guide is to provide designers with a clear framework for incorporating accessibility (A11y) considerations during the design process or when reviewing existing designs. For each category, we will present examples illustrating how designs can appear without A11y measures and how they transform when accessibility is integrated. Additionally, you will find a curated list of useful plugins and tools to assist in evaluating specific A11y features. Finally, a customizable A11y checklist template will be provided, which you can replicate and integrate into your design files to monitor your accessibility status.
Accessibility levels
European Web Accessibility Directive