freeradiantbunny.org

freeradiantbunny.org/blog

landmarks

In web accessibility, landmarks refer to specific elements in a web page that help users navigate and understand the page's structure. These elements include headings, navigation bars, search forms, main content areas, footers, and more.

Landmarks provide users with disabilities, especially those using screen readers, a way to quickly jump to or understand the layout of a webpage.

Details

In the context of UX design and landmarks for web accessibility, the term "landmarks" typically refers to specific HTML elements or ARIA (Accessible Rich Internet Applications) roles that help organize and identify key sections of a webpage for accessibility purposes.

These landmarks are not separate data types or file types; they are part of the structure of a webpage and are implemented using HTML and ARIA attributes.

Here are some common landmarks and their associated data type:

Header <header>

This landmark typically contains introductory content or navigation links. The data type is HTML.

Nav <nav>

This landmark signifies a section of the webpage containing navigation links. The data type is HTML.

Main <main>

This landmark represents the primary content of the webpage. The data type is HTML.

Footer <footer>

This landmark usually contains footer information like copyright, contact details, etc. The data type is HTML.

Aside <aside>

Typically used for content related to the main content, like sidebars or supplementary information.

Article <article>

Contains standalone content, like a blog post or news article.

Section <section>

Defines a thematic grouping of content within a document.

Button <button>

Interactive element used to trigger an action when clicked.

Form <form>

Contains form elements like input fields, buttons, etc., allowing user input.

Search <search>

A specialized landmark for search functionality within a webpage.