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

From Level Access Web Labs
Jump to navigation Jump to search
Line 57: Line 57:
 
<h2>Unordered List with <i>list-style: none</i> assigned</h2>
 
<h2>Unordered List with <i>list-style: none</i> assigned</h2>
 
<ul style="list-style:none">
 
<ul style="list-style:none">
<li>Android</li>
+
<li>TalkBack on Firefox says this is a List</li>
<li>iPhone</li>
+
<li>VoiceOver on Mobile Safari says this is <b>not</b> a list</li>
<li>Windows Phone</li>
+
<li>NVDA on Firefox says this is a list</li>
<li>Blackberry</li>
+
<li>JAWS on Internet Explorer 11 says this is a list</li>
 
</ul>
 
</ul>
  
 
[[Category:Elements]]
 
[[Category:Elements]]

Revision as of 13:50, 24 March 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 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