About 29% of the world's population is affected by some form of low vision impairment that may not be correctable. This includes degraded eyesight in one or both eyes in the form of tunnel vision, blurred vision, blind spots, or eye injuries. It's our responsibility to think about a variety of ways we may be able to maximize the usability and readibility of our content, including how text can be resized to up to 200% (except for captions and images of text) without loss of meaning or functionality.

An interface viewed with blurred vision.

An interface viewed with loss of central vision.

Uniform strives to comply with WCAG guidelines for Distinguishable content, especially contrast and text resizing. Our components in isolation can respond to increased font sizes dictated by the browser. Larger or more complex interfaces may require additional testing to ensure text doesn't accidentally truncate or move out of view in an unexpected way when the text size increases.

• Use plugins like Stark for Figma, or the Funkify Chrome plugin to view your interface in design hand-off.
• Before dev handoff, test how the interface might look with text sizes increased to 200% of their normal value using the Text Resizer plugin.
• Work with QA to include text resizing as part of the A/C for new features. Use browser settings to verify text has increased/decreased in size and that no text or content is hidden from view.