Learn about the importance of WAI-ARIA roles in web accessibility and how to implement them effectively. Improve user experience and inclusivity on your website.
A presentation of menu that usually remains visible and is usually presented horizontally Description A presentation of menu that usually remains visible and is usually presented horizontally.The menubar role is used to create a menu bar similar to those found in Windows, Mac, and Gnome desktop applications. A menu bar is used to create a…
A presentation of menu that usually remains visible and is usually presented horizontally Description An option in a set of choices contained by a menu or menubar. Authors MAY disable a menu item with the aria-disabled attribute. If the menu item has its aria-haspopup attribute set to true, it indicates that the menu item may…
A menuitem with a checkable state whose possible values are true, false, or mixed. Description A menuitem with a checkable state whose possible values are true, false, or mixed. The aria-checked attribute of a menuitemcheckbox indicates whether the menu item is checked (true), unchecked (false), or represents a sub-level menu of other menu items that…
A checkable menuitem in a set of elements with the same role, only one of which can be checked at a time. Description A checkable menuitem in a set of elements with the same role, only one of which can be checked at a time. Authors SHOULD enforce that only one menuitemradio in a group…
A collection of navigational elements (usually links) for navigating the document or related documents. Description A collection of navigational elements (usually links) for navigating the document or related documents. User agents SHOULD treat elements with the role of navigation as navigational landmarks. Screen Reader Support For Role=Navigation Expectation JAWS Narrator NVDA Orca TalkBack VoiceOver (iOS) VoiceOver (macOS)…
A section whose content is parenthetic or ancillary to the main content of the resource. Description A section whose content is parenthetic or ancillary to the main content of the resource. Role=Note Example HTML Example 1 HTML Example 2 Characteristics Superclass Role Inherited States and Properties Name From Semantic HTML No HTML element equivalent. Reference
