A closer look at structure for accessible content

Remember that accessibility is a collaborative effort here at Foleon. Our promise is to ensure we have a platform built with accessibility features, but it is ultimately up to the user to create with accessibility in mind, that is our collaboration.

Learn how to structure Foleon Docs

Place important content higher on the page

Make sure to place important links and interactive elements higher up on your pages. This is good practice because most readers, regardless of their physical or mental ability, expect important content closer to the top of a page.

💡 Easy exercise — Identify important hyperlinks and content elements that you want the reader to see. Then, navigate through your content using the tab key and see how long it takes to reach them. Can you reach them easily, or did you have to press the tab key countless times?

Screenshot of where to change the language of your Foleon Doc in the Doc Settings.

Set the right language

Under Foleon Doc settings, you can set your Doc’s language. We highly recommend setting this as it translates certain default text and ensures screen reader software will correctly interpret the content of your Foleon Doc. We support a wide range of languages.

Use headings

Headings are critical to giving your content structure and hierarchy, which makes it easier for screen readers and search engines to interpret your Foleon Docs.

Follow these rules for your header structure:

  • Use header 1 (h1) only once per page, for the main heading (e.g., at the top of a page)
  • Use header 2 (h2) for main section headings (e.g., per block)
  • Use header 3 (h3) for subheadings (e.g., per column)
Screenshot of Foleon Editor with example content including the header ranks associated with the text.
Learn more about headings (opens in overlay)

Let's put this all together!

Explore a Foleon Doc Example

Disclaimer: As of March 20th, 2023, Foleon is a WCAG 2.1 AA-certified accessible platform. With WCAG 2.2 standards live as of October 5th 2023, Foleon is consolidating efforts to improve the commitment to providing a robust platform capable of producing content that can be accessible to everyone. This Foleon Doc guide is an evolving asset meant to give you the most transparent view of how to create accessible content within our Content Studio editor.