home \| site index \| campus email
search

Web Accessibility - Priority 2

Web Accessibility: Priority 2

Web Accessibility: Units (Sizes/Lengths)

Use Relative Rather Than Absolute Units

Individuals use a wide variety of viewing devices, from very large monitors to tiny screens on handheld devices, and the content should flow into the appropriate size. This does not happen when absolute position and length units are used. Users need to be able to change the size of text to compensate for the resolution or size of their device or because of a visual impairment.

Use the "em" Unit to Set Font Sizes

For example, use:

H1 { font-size: 2em }

rather than:

H1 { font-size: 12pt }

Use Relative Length Units and Percentages

For example:

BODY { margin-left: 20%; margin-right: 15% }

Use Percentages to Define Sizes of Tables and Frames

For example:


            
            <TABLE WIDTH="95%" CELLPADDING="2%" CELLSPACING="0%">

And for frames:


            
            <FRAMESET cols="10%, 90%" title="Static frameset">
            

               
               <FRAME name="menu" src="nav.html" title="Navigation">

               <FRAME name="main" src="index.html" title="Content">
               
            
            </FRAMESET>