Identifying lists and list-items
Identifying lists and list-items
This is work in progress for WCAG. The following draft is a proposed update to Identifying lists and list-items .
This technique relates to the following sections of the guidelines:
Content presented in a bulleted or numbered list may be easier to read than long sentences that present the same material as a series of words or phrases separated by commas.
- Example 1. A list in sentence form.
- Some of the structures within Web content include paragraphs, lists, images, mathematical expressions, forms, data tables, etc.
- Example 2. The same items presented in an unordered list. Some of the structures within Web content include:
- Paragraphs
- Lists
- Forms
- Data tables
- Images
- Mathematical expressions
- Etc.
Using appropriate structural markup enables user agents to recognize lists and the items that belong to them even when the list is spoken by a screen reader or the visual presentation is adapted to meet the needs of users with low vision or other disabilities. Lists can still be formatted in visually appealing ways: there are several CSS properties that enable designers to control the visual presentation of lists and list items, including nested lists.
@@ include something about navigation bars here that explains their functional similarities to lists?
Resources
Related Technology Independent/General Techniques
- ???
Related HTML Techniques
- @@ Using
- and
- to mark unordered lists
Related CSS Techniques
- 6.1 Ordered lists - note: this technique is currently in HTML techniques, but should probably be moved to CSS. issue: this technique seems to conflict with the separation of presentation and content by recommending a change in numbering via the (CSS) presentation layer.
- @@ using CSS to adjust the presentation of lists (examples of navbars)