WFP logoDesign System

Accessibility

WFP Design System helps you meet WCAG AA accessibility criteria.

Accessible components

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

Accessible colours

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.