STORIES

Designing for accessibility through design systems

PROCESS
CAREERS
PRODUCT DESIGN
By Caterina F., Product Design Manager, Meta
5 min read
March 17, 2025
A colorful collection of design and accessibility symbols are arranged on a grid resembling an outdoor urban landscape.

SUMMARY

Why design systems are vital to achieving accessibility at scale

Accessibility is directly tied to our mission at Meta to build the future of human connection and the technology that makes it possible. Offering accessible experiences requires that designers understand the disabled community and their needs.


There are over 1.3 billion people in the world living with a significant disability — that’s about one out of every seven people. If we excluded anyone from our offerings, we’d fail in our mission to build for human connection. That’s why we aim for a person with a disability to be able to use Meta services as effectively and easily as someone without a disability.


Below, Caterina F., a product design manager on the team leading accessibility at Meta, shares why design systems are a vital part of achieving accessibility at scale.

A woman with long brown hair wearing a black blazer stands against a dark background.

Caterina F. is a design lead manager who is focused on accessibility at Meta.

Tell us a bit about yourself, your background and your role at Meta.

I've been at Meta for six years and joined as the first designer working exclusively on accessibility. The accessibility field had been an engineering and technically-driven space, which I found fascinating. I remember thinking, “Where are the designers?”


I gained a lot of knowledge from the first blind engineer at Meta, who provided an incredible learning experience. I then became a manager and established satellite accessibility teams within Reality Labs, Messenger, Instagram and WhatsApp. I’m currently leading the accessibility design team at Facebook and collaborating closely with the central accessibility team at Meta.

Meta has been committed to accessibility for a long time. Why is it important for companies like Meta to provide equitable experiences for everyone?

Accessible design is good design. Designing with disabilities in mind results in better products and experiences for everyone, even those without disabilities. Curb cuts, for example, were designed for people using wheelchairs, but are also helpful for people using strollers, roller blades or bikes. Video captions are an example of a curb cut in the digital world. They were invented for the deaf and hard-of-hearing community in the 1960s, but now almost 90 percent of viewers watch content with captions, perhaps because they’re traveling, don’t want to disturb others or would like to better appreciate the script writing.

Text reads: "Nearly 30 percent of accessibility issues can be remediated through upholding design system standards." The image shows a park with large icons representing data and accessibility.

Design systems help teams build standardized and more accessible user experiences by reducing redundancy and establishing a shared language.

Turning back to your work, what are design systems, and why are they critical to accessibility?

A design system is a collection or library of reusable components and standards (e.g. colors, fonts, design principles, copy guidelines) that help teams create consistent digital products at scale. Design systems help teams build standardized user experiences by reducing redundancy and establishing a shared language. Nearly 30 percent of accessibility issues can be remediated through upholding design system standards.

Three icons labeled "Building blocks," "Brand" and "Guidelines," depict a folder with tools, a computer screen with design elements, and a checklist on a scroll.

Design systems can include copy and content guidelines, brand-specific colors and fonts, image size specifications and examples to guide designers in their work.

How might a design system be used in practice at Meta to improve accessibility?

If an accessibility element is not a part of a design system, it’s more difficult to scale, and therefore may not be available across surfaces. Design systems are the engine and framework to make design and engineering teams work in the most efficient way, while shipping innovation and accessibility at scale. And a design system is not something that’s set in stone, either — it’s a living organism that requires continuous care.


Meta has vast teams and offerings. As a small example of how design systems can be used in practice to improve accessibility, let’s look at the Instagram and Facebook Stories ring, which is used today across surfaces to indicate new activity. Designers at Facebook and Instagram ensure the ring has an accessible line width and color contrast on platforms, so a blind or low-vision person can easily identify and use Stories across the two services.

Screenshots of the Instagram and Facebook apps highlight the color contrast and width of Stories ring on both platforms.

The Instagram and Facebook Stories rings are designed with a specific width and color contrast to ensure blind and low-vision people can easily identify and use the feature.

Tell us about one of the projects you’re working on.

We recently started a collaboration with the National Federation of the Blind to continue delivering accessible experiences across Meta platforms. As part of the collaboration, we’ve established recurring sessions to get frequent feedback directly from regular screen readers users on Facebook, Instagram and Reality Labs offerings. This will enable us to prioritize what truly matters to this population and update our product development roadmaps accordingly.

What is your vision for how Meta continues to prioritize accessibility?

I'm pushing our teams to do more than what’s required. For example, color contrast is such a binary design decision that we can standardize in Meta design systems. How might we innovate to scale our design systems — and the accessibility solutions within them — across the company and technology industry? How can we leverage artificial intelligence (AI) to help us be more efficient in creating design systems, and free up designers to focus on more strategic and creative endeavors? These questions put accessibility at the forefront of innovation at Meta.

When you think about your work, what makes you most proud?

I feel really fulfilled and excited to be working on challenges related to accessibility. I always wanted to put my skills as a designer towards a bigger cause. In this case, it's helping people increase their quality of life through connection and empowering Meta designers to design for all people through scalable and accessible design systems.

Stay tuned: We’ll feature additional interviews with Meta designers focused on accessibility throughout the upcoming year, including stories at the intersections of accessibility design and innovation and accessibility design and research.

Design at Meta is for everyone who touches user experience and design.

Whether you’re a product designer, writer, creative strategist, researcher, project manager, team leader or all-around systems-thinker, there’s something here for you.


Design at Meta gives you a look into the expertise and perspectives of the multidisciplinary teams who are building the future of human connection and the technology that makes it possible.

FacebookInstagramThreadsDribbbleMedium