Page landmarks - Fluid Topics - Latest

Fluid Topics Designer Guide

Category
Reference Guides
Audience
public
Version
Latest

By default, the Simple block, Columns, and Section components create <div> elements in the published page.

Users can select a different HTML element to use instead of <div>, to use as a page landmark. Page landmarks allow screen readers to more easily navigate a website, improving accessibility.

For example, users can add a Simple block, configure it as a <nav> element, then add a Table of contents component inside.

The HTML Tag dropdown menu is available under the Settings menu of the components.

The semantic HTML elements to choose from are:

  • <header>
  • <nav>
  • <main>
  • <section>
  • <aside>
  • <form>
  • <footer>