Thinking Accessible

Lists can be tricky, but as long as you keep a consistent structure and the correct sequence, lists are a piece of cake.

Here are the basics to remember:

• Make your menus into unordered lists,
• Place the list inside a div,
• Have an H2 header with menu title (hide it if not need to be visible),
• The ul has no left indentation (for browser compatibility),
• Use display:inline for horizontal lists,
• Breadcrumbs use nested lists,
• Be diligent.

To read more about lists: CSS Design: Taming Lists