UL, OL, and LI Elements

From Level Access Web Labs
Jump to: navigation, search

Unordered List

  • Web Accessibility
  • PDF Accessibility
  • Mobile Accessibility

Ordered List

  1. Design
  2. Develop
  3. Test

Ordered List (reversed)

  1. Design
  2. Develop
  3. Test

Ordered List (with start number)

  1. Design
  2. Develop
  3. Test

Ordered List (with value number)

  1. Design
  2. Develop
  3. Test


Nested Unordered Lists

  • Desktop Browsers for Testing
    • Firefox
    • Internet Explorer
    • Safari
  • Mobile Browsers for Testing
    • Mobile Safari
    • Android Firefox
    • Android Chrome

Unordered Nested List with Input elements

  • Browsers I like:
  • Cheeses I like:

Unordered List with list-style: none assigned

  • TalkBack on Firefox says this is a List
  • VoiceOver on Mobile Safari says this is not a List
  • NVDA on Firefox says this is a List
  • JAWS on Internet Explorer 11 says this is a List

VoiceOver appears as an outlier to the standard behaviour, allowing CSS to suppress the native semantics of the <ul> structure. This behaviour confirmed to occur as early as v9.3.2, and persists at time of writing to the current version of iOS 10.2.1.