Microsoft Design’s New Figma Plugin Boosts Inclusive Product Accessibility.

By admin

11 October 2023
DATE

Ensuring accessibility in design components can significantly improve product usability while preventing costly accessibility bugs. The expense of addressing accessibility issues increases exponentially if these bugs are discovered after a product’s release. In fact, post-release bug fixes can be

up to 30
CARDINAL

times more expensive than addressing them during the requirements phase. Designing with accessibility in mind can help reduce these issues and create better user experiences for all.


Microsoft Design’s
ORG

A11y –

Focus Order
ORG

plugin for

Figma
ORG

is a valuable tool that promotes accessibility-conscious design. It simplifies the process of adding accessibility annotations to interactive elements in desktop, website, and mobile applications within your

Figma
ORG

designs.

In the latest version (Version

34
CARDINAL

) of

the A11y – Focus Order
ORG

plugin, there are several exciting updates:

Integration with Fluent 2 Web Toolkit and Other Component Libraries: The plugin now seamlessly integrates with the Fluent 2 Web Toolkit and other component libraries. This integration streamlines the annotation process, making it faster for designers. Engineers also benefit from included documentation links that allow them to access the code directly.

Simplified Accessibility Details
ORG

: When using library controls, the plugin provides accessibility details directly from the library’s documentation, reducing the need for manual input. Custom control information may still need to be added, such as creating an

ARIA
ORG

label in the Name field. Enhanced Annotation Table: The annotation table has been improved for better readability and usability, ensuring that designers can work more efficiently. Improved Tutorial: The tutorial walkthrough has been enhanced with specific examples and accessibility guidance, enabling users to utilize the tool effectively, even without extensive accessibility expertise. Bug Fixes: Several bugs have been addressed to enhance overall performance.


The A11y – Focus Order
PRODUCT

plugin empowers designers to create more accessible designs, ultimately resulting in improved user experiences for a wider audience.