Skip Main Navigation

Accessible Web Structure

Scrolling

Not only is it important that your web page text and graphics be accessible but the overall layout should take into consideration persons with different disabilities. In general it is a good idea to keep the window scrolling of your web page to a minimum. If you have an abundance of information and must scroll, try to limit the scrolling to one dimension (i.e. up and down or left to right).

Relative and Fixed Widths

Tables, layers, or images that are too wide for the browser window can make horizontal scrollbars appear. To avoid this, use relative instead of fixed units to define the width of tables and layers. Relative widths, usually measured in percentages, will make the element expand or contract to adjust to the size of the browser window when it loads and also when it is minimized or maximized.

Example

Here is an example where you have to scroll horizontally as well as vertically to see all the information in a table with a width of 1000 pixels. This design can be troublesome and disorientating to some users.
(Two-dimensional scrolling)

Here is an example where the table width has been changed to 90% so that the user only has to scroll vertically. This design is more accessible and also more usable.
(One-dimensional scrolling)

up arrow back to top