Other Semantic Elements
|WCAG AA Requirement
|See the requirements for Headings.
|See the requirements for Landmarks.
|See the requirements for Lists.
|See the requirements for Tables.
|See the requirements for Links.
|Emphasis and Highlighting
|Emphasis: Critical emphasis in the text SHOULD be conveyed in a text-based format, not visual styling alone.
|Highlighting Markup: Highlighted text SHOULD be marked with the
|Text-Based Highlighting: Critical highlighted text SHOULD be supplemented with a text-based method to convey the meaning of the highlighting.
<blockquote> element SHOULD be used to designate long (block level) quotations.
<blockquote> element SHOULD NOT be used for visual styling (indentation) alone.
|Inline Quotations: The
<q> element (for inline quotations) SHOULD NOT be used as the only way to designate quotations, due to poor support in screen readers and some browsers.
|Strikethrough/Delete and Insert
|Strikethrough Markup: Strikethrough text SHOULD be marked with the
|Strikethrough Supplemental Text: Critical strikethrough text MUST be supplemented with a text-based method to convey the meaning of the strikethrough.
|Insert Markup: Text designated for insertion SHOULD be marked with the
|Insert Supplemental Text: Critical text designated for insertion MUST be supplemented with a text-based method to convey the meaning of the insertion.
General Notes About Semantic Markup:
If the technology used provides semantic structure to convey the relationships between information:
- Use semantic markup to mark emphasized or special text.
- Use text to convey information that is conveyed by variations of presentation of text.
- Separate information and structure from presentation. Do not use style to convey structure.
- Semantic markup when color cues are used
- Real HTML list elements -
dlfor lists (or
- Real HTML heading elements
h6to identify headings. Headings must be informative and clearly describe the topic that follows it. (Text size is irrelevant for headings — size and style can be implemented via CSS).
- Functions of the Document Object Model to add content to a page.