banner role represents general and informative content frequently placed at the beginning of the page. This usually includes a logo, company name, search icon, photo related to the page, or slogan.
Possible effects on user agents and assistive technology
<div role="banner"> <h1>Title<h1> Subtitle </div>
- Each page may contain
bannerlandmark, and, if so, should contain only one.
bannerlandmark should be a top-level landmark.
- When a page contains nested
applicationroles (e.g. typically through the use of
applicationrole may have one
- If a page includes more than one
bannerlandmark, each should have a unique label.
ARIA attributes used
Related ARIA techniques
TBD: Add support information for common UA and AT product combinations