WFP logoDesign System
Guidelines

Accessibility

WFP Design System helps you meet WCAG AA accessibility criteria.

Component accessibility

The components are built on top of Radix UI primitives, which are designed for accessibility.

Colour accessibility

Components are styled using a perceptually uniform colour palette, to ensure consistent WCAG AA contrast.

Shared responsibility

While an accessible component library provides a strong foundation for meeting WCAG AA standards, it is only part of achieving full accessibility. Developers using these components are responsible for integrating them correctly into their projects, providing appropriate content, labels, and context.

For recommendations on how to best use the components, see Usage guidelines.