Rule: Provide list labels when appropriate

Rule ID List 2
Conformance Required
Definition When appropriate, a list container element (ul, ol, [role="list"] should include a label that describes the purpose or contents of the list.
Purpose
  • Assistive technologies use labels on ul and ol elements, and elements with [role="list"] attributes to help screen reader users understand the purpose or contents of lists.
Conformance Required
WCAG Success Criteria

Success Criterion 2.4.6 Headings and Labels

Rule Category Color/Content
Rule Scope Element
Techniques
  • Use the aria-labelledby attribute to add a label to a list container element to reference the id(s) of one or more elements on the page that describe its contents.
  • Use the aria-label attribute to add a label to a list container element to provide an explicit text description of its contents.
  • The title attribute can also be used to add a label to a list container element to provide an explicit text description of its contents.
Information Links