Anote role suggests a section whose content is parenthetic or ancillary to the main content.

Description

Thenote role can be added to parenthetic or ancillary content if no other native element or other role fits the purpose.

Associated WAI-ARIA roles, states, and properties

aria-label oraria-labelledby (optional)

Naming a note is optional, but can help screen reader users understand its context and purpose. The name can be provided usingaria-labelledby if a visible label is present, otherwise witharia-label.

Examples

<h1>Madam C. J. Walker</h1><p>  Madam C.J. Walker was an African American entrepreneur, philanthropist, and  political and social activist.</p><h2>Early Life</h2>…<h2>Career</h2>…<p role="note">  At the height of the depression, Madam C. J. Walker trained 20,000 women to  sell hair pomade door-to-door</p><h2>Activism and Philanthropy</h2>…

In the above Wikipedia style entry for Madam C.J. Walker, thehighlight-box with rolenote could have been a<blockquote> if it contained a quote or<figcaption> in a<figure> if there was an associated image. In this case, as neither of those made sense, thenote role was added to add semantics to the parenthetic content.

Specifications

See also

• Document structure roles