12.4 Content is hidden off screen when browser zoom is applied (H)

Expanded navigation menu with 400 percent browser zoom applied.

FIGURE 12.7: Expanded navigation menu with 400 percent browser zoom applied.

12.4.1 WCAG 1.4.10 (AA) - Desktop

When 400 percent browser zoom is applied to the website, the navbar collapses into a menu button. When the user opens the menu, the menu items are obscured due to an unresponsive design.

Text should be able to be resized without loss of content or functionality. Scrolling in multiple directions could be particularly problematic to users with limited dexterity or other motor disabilities.

12.4.2 Recommendation

Ensure that no content is lost when browser zoom is applied by implementing a responsive design. Consider implementing the user-scalable="yes" attribute which means that people are able to control the zoom setting for the page on both mobile and desktop devices.