Collapsible Table of Contents

Improve site accessibility for differently-abled Users

The Collapsible TOC plugin improves the structure of the generated TOC and adds ARIA (Accessible Rich Internet Applications) attributes to make it more friendly to screen readers and other assistive tools, allowing users unhindered access to all your content without fuss. All this is implemented immediately on activation; no need to modify your existing articles one-by-one to get them up to speed.

Set Your TOC behavior

As you’d expect, this plugin comes with multiple options for controlling how your TOCs work. Set them to be expanded by default, or collapsed. Let visitors click a button or the heading to expand a section. Furthermore, you have the flexibility to manage the TOC’s height. This feature creates a compact, scrollable TOC, offering an effective solution for handling extensive TOC content while preserving a tidy page layout.

Dive deeper with TOC customization

Before delving into the depth of customization, it’s important to note that this plugin comes with a variety of built-in options accessible via the interface. These options offer flexibility in setting the content and style of your TOC header, deciding the heading level, choosing the numbering style for the TOC list, and adjusting the scrolling padding at the top.

Want to go further with your customization? The TOC created via this plugin supports the CSS variables used by your theme. This allows for precise control over the appearance of your content, ensuring a seamless match with your site’s aesthetics. However, if you wish, you can easily override these settings using the Custom CSS tool included with Publii. To learn more about this, you can refer to the TOC plugin documentation.