A note role suggests a section whose content is parenthetic or ancillary to the main content.
The note role can be added to parenthetic or ancillary content if no other native element or other role fits the purpose.
aria-label or aria-labelledby (optional)
Naming a note is optional, but can help screen reader users understand its context and purpose. The name can be provided using aria-labelledby if a visible label is present, otherwise with aria-label.
<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" class="highlight-box">
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, the highlight-box with role note 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, the note role was added to add semantics to the parenthetic content.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.3