Accessibility: Accessible Lists

✅ 1. Using Built-in List Tools

When you create lists using the bulleted or numbered list buttons in the Rich Content Editor (RCE), Canvas automatically structures the list in a way that’s recognized by assistive technologies (like screen readers).

  • Accessibility Benefit:

    • Screen readers can identify and announce the list type (e.g., bulleted or numbered) and the number of items in the list, which makes it easier for users to understand the content.

    • Without proper list formatting, screen readers may read out items as plain text, making it unclear that they are part of a list.

    • Users can easily navigate between list items using keyboard shortcuts (e.g., “Tab” or “Arrow keys”), providing a smoother experience.


✅ 2. Using Proper Hierarchical Structure

When lists are nested (e.g., a list within a list), using the indentation feature in Canvas ensures that the hierarchical structure is preserved.

  • Accessibility Benefit:

    • Nested lists help clarify the relationship between items. For example, an indented sub-list would indicate that the items are related to a broader item, making the content clearer to those using screen readers.

    • Without proper indentation, nested lists may be read out as a single block of information, making it hard for users to distinguish between primary and sub-level items.


✅ 3. Avoid Using Plain Text for Lists

When users create lists by simply typing dashes, asterisks, or manually numbering items, screen readers may fail to identify the content as a list.

  • Accessibility Benefit:

    • Properly formatted lists (using Canvas’s list tools) ensure that screen readers announce each item as part of a list, with appropriate punctuation and sequencing (e.g., “first item,” “second item”).

    • When plain text is used, screen readers may read the list as disconnected lines of text, making it hard for the user to understand the intended structure and order.


✅ 4. Provide Context for Lists

Lists should be introduced with a clear heading or a descriptive sentence that explains the list’s purpose (e.g., “Here are the steps to complete the task”).

  • Accessibility Benefit:

    • A clear introduction to a list helps screen reader users understand the context and relevance of the list.

    • Without this, a list may seem like random items or instructions without any logical grouping or purpose, causing confusion for users relying on assistive technologies.


🧠 What This Solves:

  • Improved Navigation: Screen reader users can easily jump to a specific list item, know how many items are in the list, and navigate sub-lists effectively.

  • Better Structure: Lists are read in a way that preserves their order and hierarchy, preventing confusion about item relationships.

  • Clearer Understanding: Lists formatted correctly with proper context and headings provide clearer, more understandable content for all users.