Bug - Accessibility - Information is lost when text is resized to 200%

[gordcorp]

This issue was identified as part of the accessibility testing performed on the DTA website Jan 2017: https://drive.google.com/open?id=0B3SXZ9dr83v0Y2cwV21HdUZ1STQ

The issue is related to the site and local nav on the DTA website, and since we are using these elements from uikit I believe this issue should be addressed in uikit.

[5] Information is lost when text is resized to 200% Type: WCAG failure – 1.4.4 Resize text Desktop and mobile Platform: Desktop and mobile Severity: Medium

When text is resized to 200%, the global and main navigation items are no longer visible. Note that we perform text-only resize testing for Success Criterion 1.4.4 Resize text since browser resizing will never fail this criterion. The text should be able to be resize up to 200%

Image: Screenshot of homepage navigation when text-only size is increased to 170%

Image: Screenshot of homepage navigation when text-only size is increased to 200%. Main navigation has disappeared.

Image: Screenshot of content page with level 2 navigation, when text-only size is increased to 200%. Main navigation is cut off.

Recommendation Ensure that text size can be increased to 200% without any loss of content.