Component statuses and testing

The status indicator on each component lets you know what stage it’s at in the development and testing process.

Component statuses

How we test

The design system team carries out extensive testing on each component to ensure it follows our design principles and meets established technical and accessibility standards.

Technical testing

Components undergo cross-browser and cross-device testing to ensure they work for the widest possible range of users. We use analytics and research on browser/device market share to help us set priorities for what to test.

Check our technical testing rubric for details on the platforms we test for and support.

Accessibility testing

Accessibility evaluation involves testing with automated tools as well as manual testing with assistive technologies on different platforms.

Check our accessibility testing rubric for a current list of tools we use in testing.

Usability testing

The design system team does usability testing of components and also observes testing at the Ontario Digital Service’s user research lab, where the design system is used to build and test prototypes for a variety of real applications.

Because every digital product is unique, you should always do your own usability testing to ensure your product works for the specific scenarios and use cases you need to support.

The design system strives to provide good building blocks, but it’s up to you to ensure they fit together in your product in a way that makes sense to your users.