Difference between revisions of "UL, OL, and LI Elements"

From Level Access Web Labs
Jump to navigation Jump to search
(Unordered List with list-style: " * " assigned)
(Unordered List with list-style-type: " @ " assigned)
Line 116: Line 116:
 
==Unordered List with ''list-style-type: " @ "'' assigned ==
 
==Unordered List with ''list-style-type: " @ "'' assigned ==
 
<html>
 
<html>
<ul style="list-style-type:'@'">
+
<ul style="list-style-type:'-'">
 
<li>TalkBack on Firefox says this is a List</li>
 
<li>TalkBack on Firefox says this is a List</li>
 
<li>VoiceOver on Mobile Safari says this is <b>not</b> a List</li>
 
<li>VoiceOver on Mobile Safari says this is <b>not</b> a List</li>

Revision as of 21:12, 7 December 2017

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.

Unordered List with list-style-type: " @ " 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