Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for:
- Vertical scrolling content at a width equivalent to 320 CSS pixels;
- Horizontal scrolling content at a height equivalent to 256 CSS pixels.
- Except for parts of the content which require two-dimensional layout for usage or meaning.
Testing & RemediationHow to test: Open you site in a browser of you choice (desktop/laptop) and zoom in to 400% (CMD or CTRL +). While the content is zoomed to 400%, ensure that there is only 1 column and that all content has zoomed appropriately. There should be no horizontal scrolling for most content. Exceptions include images, maps, diagrams, games, presentations, etc. This Success Criterion is met as long as all content and functionality are still fully available - either directly, or revealed via accessible controls, or accessible via direct links. How to remediate: The easiest way to remediate this issue is to implement a responsive web design website, if you don't already have one. Each CSS break point of the page should conform. If your organization is using something other than responsive web design (adaptive or mobile specific) and are not able to update the layout, an alternate conforming version could be a mobile site which has a fixed 320px wide layout. This alternate version should be findable from the default website.
Questions and Answers
This question depends on a number of factors including size of site, desired level of conformance, your developer's understanding of accessibility techniques, etc. Accessible Web is here to help. Reach out and we can discuss your site specifically.