Who can use this feature?
- Available for Accelerate and Enterprise.
Use the Level Access Figma Plugin (Lite) to find and fix accessibility issues in the design phase. The plugin tells you exactly what’s wrong with the component and how to fix it, so you can learn and apply accessible design practices along the way.
Note: For larger designs, use Level Access Design Companion.
On this page:
Component types you can test
The Figma plugin matches design components to the design rules library and provides pass / fail results. Each component has an associated check with the design rule library for labels, typography, contrast, and target size.
You can test the following component types:
- Buttons
- Links
- Checkboxes
- Radio buttons
- Text input box
- Dropdown box
Note: The Level Access Figma Plugin (Lite) can’t currently fix contrast issues for text input, dropdown, checkboxes, and radio buttons. You’ll still receive the results and information to fix the component manually.
Test and fix your design components
To test and fix your design components:
- Choose the input control type you want to test.
- Select Start.
- Select a component in your Figma design project.
- In the Level Access Design Tools, choose Select.
- Review the accessibility results for the:
- Label
- Type
- Contrast
- Target
- If the component doesn’t meet accessibility standards, select Apply recommendation to automatically apply the fix.
Continue testing the same component type
To continue testing the same type of component:
- Choose Select component to go back to the previous page.
- Repeat steps 3-6 of Test and fix your design components.
Test a different component type
To test a different component type:
- Choose Select component.
- Select Text and fix components.
- Repeat steps 1-6 of Test and fix your design components.
Comments
0 comments
Article is closed for comments.