Examples: WAI Web Content Accessibility Curriculum - slide "3.3 - Use style sheets to control layout and presentation."

Priority 2

Use style sheets to control text color and sizing. Elements such as BASEFONT, and FONT size, color etc. are deprecated in HTML 4.0 so it doesn't hurt to start weaning yourself off them now. As we also told you, please don't use the heading elements (H1-H6) just to get quick font size changes. The following example shows some style sheet commands that will do the job very well:

It isn't the cough that carries you off,
it's the coffin they carry you off in.

<STYLE TYPE="text/css">
.para { font-size: 130%; color: #ff0000 }
.linetwo { font-size: 70% ; font-style: italic ; color: #0000ff }
</STYLE>

<P CLASS=para>It isn't the cough that carries you off,
<SPAN CLASS=linetwo>it's the coffin they carry you off in.</SPAN></P>

To Checkpoints for Guideline 3.

Next slide: Example for Checkpoint 3.3 continues

Example for Checkpoint 3.3 - Use style sheets to control layout and presentation.

Example for Checkpoint
3.3 - Use style sheets to control layout and presentation.