# New features to improve web accessibility on Figma

News3 minPublished on Mar 20, 2023Updated on ![letters and shapes with different colors, lines, and contrasts on a white screen and blue background](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671183bdee2586c17a1dc7df_64760069e93084646c9ef1e6_628a90e465db771b4e30963b_Open-Graph-nouvelles-fonctionalite%2525CC%252581s-accessibilite%2525CC%252581-figma.png)Table of contents

[

Copied](#)[

](#)[

](#)[

](#)
- [H2 Example](#)

Use AI to summarize this article[

ChatGPT](#)[

Claude](#)[

Grok](#)[

Perplexity](#)[

Google AI](#)Key pointsWeb [**accessibility**](https://academie.digidop.fr/glossaire/accessibilite)** is the new challenge for designers and developers**. [Making the web accessible to everyone](/blog/web-accessibility-best-practices-site) means allowing each individual, regardless of age, background, or abilities, to access it without difficulty. Today, this is the **challenge that Figma has taken on by working on the accessibility of designs**. The idea here is to enable anyone to participate in all stages of the design and implementation process.

## Integration of a new screen reader for prototypes

The prototyping phase is when a user can **visualize the project, interact with the elements, and see it in the most realistic way possible**. Until now, Figma prototypes were only viewable by the naked eye. No part of the mockup was readable by screen readers. This meant that **Figma prototypes were not accessible** to visually impaired individuals. Whether it was text, images, or icons, no element was visible to a visually impaired user.

To address this issue and improve the accessibility of prototypes, **Figma is launching a new screen reader feature**. This feature will allow, for example, to:

- Read images
- Read text
- Navigate through the prototype

Still in Beta version, this screen reader has been a real challenge for Figma, as its designs are not constructed in HTML. This has been a significant barrier that made the mockups unreadable by most screen readers. Figma now enables **the conversion of prototypes into an HTML presentation**.

## Addition of a dark mode

More and more tools are integrating a “Dark mode” feature into their interface. Beyond personal taste, this feature **also addresses accessibility concerns by altering color contrasts**. An important element for many users who require a different visual representation in design.

> [How to enable dark mode on Figma?](/blog/how-to-enable-dark-light-mode-figma)

## Beta for live captions in audio chat

Available exclusively on the Figma application, this feature provides a live transcription of the team’s audio chats.

## Evaluation of platform accessibility

Figma has enlisted the services of [Deque, experts in digital accessibility](https://www.deque.com/), to evaluate the entire platform and identify areas for improvement, such as the use of ARIA labels.

## Growth of accessibility-related plugins

Figma is seeing an increasing number of [plugins designed to enhance accessibility](https://www.figma.com/community/tag/accessibility/plugins) during the design process.

## Growth of accessibility-related files

The community is becoming more active on this topic, with numerous [files shared on accessibility](https://www.figma.com/community/tag/accessibility/files) available on Figma Community. These files cover a variety of topics, from learning how to create accessible designs to managing colors and the main rules of web accessibility, etc.

## Other upcoming accessibility challenges

Figma is at the **heart of the web accessibility challenge**, and while these features are a step forward, the challenge remains significant. The tool intends to continue working in this direction to further improve user accessibility in the future, **for example, by enabling the addition of ARIA Labels or Alt tags** on components and graphical elements.

This is just the beginning!

[

](#)![Thomas Labonne](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a45970e82f1635d9e4d7f_thomas-website%20(1).webp)Thomas LabonneCo-founder[

](/team/thomas-labonne)[

](https://fr.linkedin.com/in/thomas-labonne-digidop)[

](#)+1200 readers

## Stay ahead of the curve!
Subscribe now for expert insights.

[Subscribe

](https://digidop.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Preview Newsletter

](https://digidop.substack.com/)

## Suggested articles

![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab922fa556f97c19ea7db9a_Best%20B2B%20SaaS%20Agencies%20in%202026_EN.webp)DocumentationAll blog post

### Top 20 Web & Digital Agencies for B2B SaaS in 2026

[Top 20 Web & Digital Agencies for B2B SaaS in 2026](/blog/best-b2b-saas-agencies)Top 20 Web & Digital Agencies for B2B SaaS in 2026![Webflow Source interface showing AI agents, website editing, and role-based Views in a unified workspace.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDevelopmentAll blog post

### Webflow launches Source. Our take on this shift.

[Webflow launches Source. Our take on this shift.](/blog/webflow-launches-source)Webflow launches Source. Our take on this shift.![Citation rate by AI platform: ChatGPT 100%, Perplexity 100%, Gemini 67%, and Claude 0%.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationAIAll blog post

### Make Your Website Visible in ChatGPT, Perplexity, and AI Answers

[Make Your Website Visible in ChatGPT, Perplexity, and AI Answers](/blog/make-your-website-visible-in-chatgpt-perplexity-and-ai-answers)Make Your Website Visible in ChatGPT, Perplexity, and AI Answers[See all articles

](/blog)Every great website  
starts with a conversation[Talk to an expert

](/contact)[Book a call

](/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)