Tutorials from WAC. Click or press ALT+T to return to the Tutorials main page.

Designing Accessible Web Pages


divider

Page Organization

Use headings, lists and consistent structure throughout the site.

For example, in FrontPage, be sure to assign structure elements using the STYLE drop down in the FORMAT tool bar. This site uses Cascading Style Sheets to define each of the header tags, which allows us to specify both the font and color for each level. For example:

<H1> Header1 </H1>

<H2> Header2 </H2>

<H3> Header3 </H3>

<H4> Header4 </H4>

<H5> Header5 </H5>
<H6> Header6 </H6>

Also be sure to include any navigation aids that are on your home page on all other pages within your site as well.

Consistency in structure will aid not only the learning disabled, but any user of your site.

Here is an example of a site that is consistent throughout in navigation tools.

Next Link and graphic of hand pointing to the next page.

 

divider

Layout | Page Organization | Hypertext Links | Images | Tables | Frames

 Image MapsMultimedia | Graphs, pdf's & Charts | Scripts, Applets & Plug-ins | PowerPoint Slides | Check your work

Home