Understanding Accessibility
by Vivienne Trulock
Users of this site also found these sites useful
Guideline 3. Use markup and style sheets and do so properly.
Checkpoint 3.6 - Mark up lists and list items properly
How do I do it?
Listed elements should be text based and have a context, which can be navigational, explanatory, etc. List tags should not be used for formatting effects, as this can confuse screen reader users.
Use <UL>, <OL> and <LI> for lists.
<ul>
<li>To promote accessible design</li>
<li>To enable website designers to receive feedback on their web sites from real users, disabled and otherwise</li>
<li>To create a forum where the user population can give voice to their opinions and complaints regarding the accessibility and usability of particular web sites</li>
</ul>
<li>To promote accessible design</li>
<li>To enable website designers to receive feedback on their web sites from real users, disabled and otherwise</li>
<li>To create a forum where the user population can give voice to their opinions and complaints regarding the accessibility and usability of particular web sites</li>
</ul>
Style with style sheets
li {
font: small/150% Verdana, Arial, Helvetica, sans-serif;
margin-top: 0px;
text-align: justify;
list-style: circle;
}
font: small/150% Verdana, Arial, Helvetica, sans-serif;
margin-top: 0px;
text-align: justify;
list-style: circle;
}
How do I check that it meets the WCAG criteria?
Elements which are listed and not text based or contextualised are deemed not to be correctly marked up. For example, the <LI> tag should not be applied to non-list items such as a vertical or horizontal line used to visually space out a list. Pages which use list markup incorrectly will be deemed to have failed the check.
© ilikecake 2005-2008