Voorbeelden: Curriculum WAI Toegankelijkheid Web Content – dia "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. "

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

de luie hond.

De snelle

sprong over

bruine vos

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

.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

Volgende dia: Voorbeeld voor IJkpunt 6.1 vervolg

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.