Voorbeeld voor IJkpunt
6.1 – Organiseer documenten zo dat ze zonder style sheets gelezen kunnen worden. Als bijvoorbeeld een HTML-document wordt weergegeven zonder bijbehorende style sheets, moet het nog steeds mogelijk zijn om het document te lezen.

Voorbeeld
Dia 52 van 120
Vorige dia. Volgende dia.

Prioriteit 1

Hier wordt stijlopmaak gebruikt om de volgende tekstafbeelding te creëren:


de luie hond.
De snelle
sprong over
bruine vos

Angry face: bad choice!

Laten we zeggen dat u stijlcommando's gebruikt die niet de verticale positie van elk deel van de zin specificeren, bijvoorbeeld:

<STYLE TYPE="text/css">

.deel1 /* De snelle */ { padding-left: 0;

color: red; font-size: 14pt;

font-family: copperplate gothic bold, fantasy, sans-serif }

.deel2 /* bruine vos */ {padding-left: 100px;

color: brown; font-size: 10pt;

font-family: times new roman, desdemona, serif }

.deel3 /* sprong over */ { padding-left: 350px;

color: purple; font-size: 18pt;

font-family: desdemona, times new roman, serif }

.deel4 /* de luie hond */ { padding-left: 350px;

color: blue; font-size: 24pt;

font-family: fantasy, copperplate gothic bold, sans-serif }

</STYLE>

Als u de bovenstaande stijlcommando's gebruikt, moet u de tekst zo ordenen in uw HTML:

<DIV class=deel4>de luie hond.</DIV>
<DIV class=deel1>De snelle</DIV>
<DIV class=deel3>sprong over</DIV>
<DIV class=deel2>bruine vos</DIVv>

Dus als de style sheets uit zouden staan of niet ondersteund zouden worden door uw browser, zou u lezen:

de luie hond
De snelle
sprong over
bruine vos
Een niveau hoger Naar IJkpunten voor Richtlijn 6.
Volgende dia: Voorbeeld voor IJkpunt 6.1 vervolg

Inleiding: Overzicht Richtlijnen: Overzicht IJkpunten: Overzicht Voorbeelden: Overzicht

Vorige pagina. Volgende pagina.

Chuck Letourneau & Geoff Freed

W3C Web Accessibility Initiative

Copyright © 2000 W3C