6.1 Text must resize to 200% without overlap or cropping

Users with low vision are likely to rely on zoom when browsing our site. They may use uniform zoom which increases the size of everything on the page and can lead to smaller breakpoint layouts. The other option is text-only zoom on Firefox. In this case only the text will be enlarged and the desktop layout remains. This can cause many issues if we don't use CSS in a way that allows the containers to expand with the text.

WCAG 1.4.4: Resize text Opens in a new window

Details

• When zooming to 200% uniform zoom in Chrome, Safari, or Edge, no content is cropped or overlaps other content.
• When zooming to 200% text-only zoom in Firefox, no content is cropped or overlaps other content.
• px are never used for measurements in CSS.

Tips

• Zoom with your browser full screen on a laptop screen.