The <main> Element

The ARIA role main is intended to serve as an alternative to a “skip to main content” link, something especially helpful to users accessing a site by way of assistive tech or navigating by keyboard alone. It provides the browser (or the users’ assistive software) with a predictable landmark for the page’s primary content so that “skip to main content” functionality can be built into the browsing software, rather than being dependent on the developer adding a link at the top of the document.

Up to this point, HTML5 has lacked a functional equivalent to ARIA’s main, however—at least until the proposed <main> element came along.

Having such an element sounds reasonable to me.

The <main> Element →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Join the Conversation

1 Comment

  1. WAI Aria is de max.

    Zeker om in css via header[role=”banner”], footer[role=”contentinfo”], etc… specifiek je site header / footer te targetten zonder alle andere header / footer tags.

    role=”main” is sowieso een MUST!

Leave a comment

Leave a Reply to Joggink Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.