Example Human-Centered Design User Experience + Product (UX)

Government of Canada (GC) Design System Accessibility Standards

This design system accessibility checklist ensures that all components and design tokens meet or exceed the WCAG 2.1 AA standards, aligning fully with Government of Canada accessibility requirements.

Organization: Government of Canada
Published Year: 2024

The GC Design System integrates accessibility from the outset, encompassing navigation, visuals, and clarity. All components meet or exceed the Web Content Accessibility Guidelines (WCAG) 2.1 AA standards, aligning fully with Government of Canada accessibility requirements.

Interactive elements feature clear focus states for keyboard users; text and interface components adhere to required color contrast ratios; and form fields include accessible labels with clear instructions. The system undergoes both automated and user-based testing, involving individuals with various disabilities, to ensure functionality across diverse scenarios.

Government of Canada (GC) Design System

The design system provides standardized components, templates, and design tokens to help developers and designers create consistent, accessible, and user-friendly Canadian government digital services.

Government of Canada (GC) Design System Page Templates

This "Page Templates" section offers pre-built, responsive page layouts that combine various components to ensure consistent, accessible, and user-friendly experiences across Government of Canada digital services.