<?xml version="1.0" encoding="utf-8"?>

Lists

Lists Bad Practice
Lists Best Practice

Designers use lists in a text to arrange information and allow users to navigate options faster and more effectively. When we provide visual formatting of a list, we must ensure that users with cognitive or visual impairments receive the same kind of experience.

Make sure the screen reader can jump between list options and distinguish sublists by:

  • Using bullets, dashes, or asterisks for unordered lists
  • Using numbers for ordered lists
  • Using indents (along with bullets or numbers when necessary) for sublists
  • Avoiding manual formatting
  • Ensuring each list item is properly formatted with a <li> tag[1]
Improve your UX & Product skills with interactive courses that actually work