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

Example
Slide 30 of 120
Previous slide. Next slide.

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>


Up one level To Checkpoints for Guideline 3.
Next slide: Example for Checkpoint 3.3 continues

Introduction: Overview Guidelines: Overview Checkpoints: Overview Examples: Overview

Previous page. Next page.

Chuck Letourneau & Geoff Freed

W3C Web Accessibility Initiative

Copyright © 2000 W3C