Overview
Component driven development helps break projects into manageable pieces, and concrete examples help speed up development time, improve on-boarding as well as build more reliably. As the projects we build become more complex, we can choose to build systems that scale and help to abstract complexity to improve the workflow of our teams. By thinking about inclusive design and accessibility from the start, we can ensure that the systems we build go beyond just templating, and create a strong foundation for the future of the web.
Objective
To show concrete techniques and workflows that Shopify employs to help build for accessibility at scale, and provide a better experience for our end users, both developers and our merchants.
Target Audience
Anyone interested in scaling accessibility and design systems.
Assumed Audience Knowledge
Should have a general understanding of front-end development.
Level
Intermediate
Five Things Audience Members Will Learn
- The anatomy of a design system, and the ones they use at Shopify (internal and external)
- Tooling and workflows for scaling design systems in projects
- How Shopify is scaling accessibility across our platform with concrete examples
- Maintaining a design system of components, iterating on it, and creating necessary friction
- How empathy and building a culture of contribution are necessary for adoption of any system
