An article landmark is used to mark a standalone piece of content on a web page. Picture it as a special room inside a multi-floor building that holds its own special and interesting content. The <article> element helps organize and identify standalone pieces of content, making it easier for assistive technologies to understand and handle it correctly.
Implementing article with Flowy
How to Fix Article Issues with Flowy
Determine which areas of your web page page contain a series of related information (such as image galleries,lists of videos, lists of products or lists of blog posts) that is relevant to assistive technologies and user experience.
Pick the most appropriate elements that will identify as a <article>
areas your content.
Click on the Elements tool and select the element.
Select the css selectors that represent the <article>sections for your webpage
Choose the attribute <article>
, click rock and roll and that’s it.
A section landmark acts as a container that groups similar content together, improving the organization of a web page. This is essential for accessibility and user experience. Think of it like a multi-floor building, where each floor contains various rooms and areas serving different purposes. Similarly, a section on a webpage holds distinct pieces of content . Just as you explore different floors of a building to find what you need, users relying on assistive technologies can navigate through sections on a webpage to access the desired information.
Implementing section with Flowy coming soon
How to Fix with Flowy
Determine which areas of your webpage page contain distinct pieces of information(such as such as text, images, videos or interactive elements) .
Pick the most appropriate elements that will identify as <section> areas your content.
Click on the Elements tool and select element.
Select the css selectors that represent the <section> containers for your webpage
Choose the attribute <section>, click rock and roll and that’s it.