DEV 5.3 Define list and list items properly

Recommendations

• If something is a list, always code it as one using <ul>, <ol>, <dl>:
  • Include all menus if possible:
    • They are logically lists - and, when style sheets are turned off, maintain structure and meaning.
• Avoid using inline images to create list effects:
  
  • Spacers, bullets, etc;
  • Use lists and style the CSS.
• Code <ul>, <ol>, <dl>

  properly according to standards:

  • Ensure correct syntax when embedding a list with a list (see example.)
• Use CSS to alter appearance of bullets and numbers, for example using:
  • List-style: disc url(newbullet.gif) outside.

Video Clip

Watch a screen reader user identify lists on a page and how this can aid browsing a page.

Examples