Caution
This document is an English translation of the “freee Accessibility Guidelines.” The normative version of this document is in Japanese, and the English version is informational. The English translation is incomplete, and any links with their link texts left in Japanese are untranslated. Please be aware that there may be inaccuracies in the translation or parts that are outdated.
Heading Level Specification
Last Updated: December 5, 2023
Tags: Markup
Question / Problem
Whether to set headings and subheadings, and which part to specify as headings.
Answer / Conclusion
Always place a heading (main heading) that indicates the title and purpose of the screen.
If the information is visually separated, place subheadings.
If there are many search settings in the search field, or if it is difficult to infer the intention of grouping from the content, consider placing subheadings.
When specifying the level of subheadings, specify them so that the information structure of the screen can be inferred when only the headings are read, or when only headings of a certain level or higher are read, such as “only heading level 1”, “only heading levels 1 and 2”, “only 1, 2, and 3”, etc.
Explanation
As a general technique, limiting the number of heading levels to about three makes it easier to structure and understand the content. If you need more than four levels, you may want to consider structuring them separately.
If you can’t imagine what kind of information is lined up on the page just by reading the headings, there probably are not enough headings.