Clear headings and a logical page structure help people understand and navigate web content. They are especially important for people who use screen readers, which can identify headings and page regions and allow users to move directly to the information they need.
Headings identify the page and divide content into meaningful sections. Screen readers can navigate by headings rather than reading the entire page from beginning to end.
Do not use bold text, large type, colour or other visual formatting to create the appearance of a heading. Screen readers don’t recognize these when navigating a page.
Not every piece of prominent text needs to be a heading. Use headings when the text introduces and describes a section of content.
Some Elementor elements, including accordions, tabs, cards and calls to action, may include their own title or heading settings.
Check that headings within elements:
Avoid using an element simply because its default styling creates the appearance you want. Choose elements based on the purpose and structure of the content.
Elementor can visually rearrange content using responsive settings or reversed row and column layouts. These changes may cause the visual order to differ from the order experienced by someone using a screen reader or keyboard.
Avoid using visual positioning to change the meaning or sequence of content. When content order matters:
Review the structure again after making responsive changes.