"When enhanced contrast mode is toggled on, the difference is very noticeable on UI controls like buttons, as well as the dividers separating sections of the interface. This feature significantly impacts users with low-vision or even users working outside in the sun. Not only that, it helps clarify what is currently selected or interactive for all users. Here is a comparison on the color contrast ratios with the enhanced mode turned on/off:"
"To see the enhanced contrast mode for yourself: Select the "F" Figma logo to open the main menu. Select "Preferences" "Accessibility settings". Toggle on "Enhanced contrast mode". Though some elements have no change when the mode is toggled on, like badge components and hover states, I expect this feature to allow greater visibility as Figma continues to update. Note: The "View plan" button actually fails color contrast requirements when turned off (must be 4.5:1 at minimum)."
Figma introduced an enhanced contrast mode available for both light and dark themes that increases color contrast of UI controls and dividers. The enhanced mode raises contrast ratios for key buttons (for example, "Design" from 1.24:1 to 4.6:1 and "View plans" from 2.99:1 to 7.72:1), addressing a failing contrast case. Users can enable the mode through Preferences Accessibility settings Enhanced contrast mode. Some interface elements currently remain unchanged. Figma also improved keyboard navigation to support users who cannot use a mouse or trackpad, aligning changes with WCAG and real user needs.
Read at Medium
Unable to calculate read time
Collection
[
|
...
]