Web Development
Web Developer Guidelines
Visual Design Recommendations

Checkpoint 3.4 - Mobile-PDA

Scrolling is limited to one direction, either horizontal or vertical, unless appropriate

DEECD Requirement

DEECD Guideline

For the best user experience a page should only scroll in one directon i.e on one axis, to see all the content on the page. Combining the requirement to scroll both horizontally and vertically is confusing for the user.

Requirement

Scrolling is limited to one direction, either horizontal or vertical, unless appropriate

Recommendation

Some content, such as maps and other images, cannot be displayed without this secondary scrolling. In these cases, it is preferable if these images are provided on a separate page with a link back to the previous page.

If an element causes seconday scrolling, then the text that follows this object that causes the scrolling must not subsequently extend beyond the right boundary of the page, or this will cause the user to have to scroll to read each line of text.

The Default Delivery Context assumes a width of 120 pixels.

Checking Tool

View the source code of the page and look for width attributes on elements. If an object causes horizontal scrolling, check that the object requires it, as in the case of maps, and that it is not just as a result of poor design.

 

Back to top