Accessibility in the GC Design System

Interactive elements, like buttons, links, and form fields, have clear and visible focus states to guide people who use keyboard navigation.

Keyboards can be used to navigate the system by people who cannot use a mouse.

Screen readers can be used to navigate the system by people using assistive technologies.

The components are responsive so people have consistent experiences regardless of the device they use.

Text and interface elements meet or exceed the required colour contrast ratios to maintain readability for people with low vision or colour blindness.

In addition to colour, visual cues like shapes, icons, or bold text, are used to indicate important information for people with colour blindness.

Screen magnifiers can be used by people with low vision to zoom in on content without losing functionality.

Accessibility formatting like Accessible Rich Internet Applications (ARIA) roles and landmarks is preserved and works in different environments.

Images and non-text content include appropriate alt text to provide a description for people relying on screen readers.

Accessible Rich Internet Applications (ARIA) roles and attributes are used so interactive elements, like menus, buttons, and forms, can be identified and operated by assistive technologies.

Form fields follow guidance to have accessible labels, clear instructions, and are compatible with assistive technologies.

Clear and actionable guidance appears when there are errors in forms or interactions so people know how to fix the error.

Before components are released, we leverage automated tools that scan tokens, components, and website for accessibility issues. This early-stage testing allows us to resolve common issues before deeper testing begins.

We conduct testing with people who have accessibility needs, including individuals with various disabilities. This ensures our system is functional and usable in a range of scenarios that automated testing cannot fully capture.

We’re always looking at new accessibility rules and best practices from different industries. We add new findings and suggestions to our design system guidance.