Toronto District School Board
Skip to main content

Tab List

Module name: TabList

This lets users switch between different sections of content by clicking on labeled tabs—just like flipping through sections in a notebook.

How to use:

  1. From the module settings, set the tab list title and the heading level.
  2. From the edit page add tabs by providing the title and body. Click "Save and Add New" to continue adding more tabs, or click "Save and Exit" to add tab and go back to the main page.
  3. From the edit page users can edit or delete existing tab item.

Accessibility

  • This module supports keyboard operation using left/right arrow keys to switch between tabs, Home to go to first tab, and End to go to last tab.
  • Tab list title provides accessible name to the list so that screen reader users can understand the purpose/topic of the list.
  • Tabs wrap around on smaller content pane or screen.

Summer Programs

Explore fun and engaging summer programs designed for elementary students. Activities include literacy, math games, arts, and outdoor play—helping students stay active and learning during the summer break.