Create the right structure
Learn how to structure your Foleon Docs with accessibility in mind.
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 readers need to see. Got it? Navigate through your content using the Tab key and check how long it takes until you reach them. Can you reach them easily, or did you have to press the Tab key countless times?
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. Here’s how you should use headings with Foleon:
- 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)
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.
