WAI-ARIA: aria-setsize (Property)
Description
Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM. See related aria-posinset.
This property is marked on the members of a set, not the container element that collects the members of the set. To orient the user by saying an element is “item X out of Y,” the assistive technologies would use X equal to the aria-posinset attribute and Y equal to the aria-setsize attribute.
If all items in a set are present in the document structure, it is not necessary to set this property, as the user agent can automatically calculate the set size and position for each item. However, if only a portion of the set is present in the document structure at a given moment (in order to reduce document size), this property is needed to provide an explicit indication of set size.
Authors MUST set the value of aria-setsize to an integer equal to the number of items in the set. If the total number of items is unknown, authors SHOULD set the value of aria-setsize to -1.
When exposing aria-setsize on a menuitem, menuitemcheckbox, or menuitemradio, authors SHOULD set the value of aria-setsize based on the total number of items in the menu, excluding any separators.
Browser Compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
ariaSetSize | ChromeFull support84 | EdgeFull support84 | FirefoxNo supportNo | Internet ExplorerNo supportNo | OperaFull support70 | SafariFull support12.1 | WebView AndroidFull support84 | Chrome AndroidFull support84 | Firefox for AndroidNo supportNo | Opera AndroidFull support60 | Safari on iOSFull support12.2 | Samsung InternetFull support14.0 |
aria-setsize Example
HTML Example
The following example shows items 5 through 8 in a set of 16.
<h2 id="label_fruit">Available Fruit</h2>
<ul role="listbox" aria-labelledby="label_fruit">
<li role="option" aria-setsize="16" aria-posinset="5">apples</li>
<li role="option" aria-setsize="16" aria-posinset="6">bananas</li>
<li role="option" aria-setsize="16" aria-posinset="7">cantaloupes</li>
<li role="option" aria-setsize="16" aria-posinset="8">dates</li>
</ul>HTML Example 2
The following example shows items 5 through 8 in a set whose total size is unknown.
<h2 id="label_fruit">Available Fruit</h2>
<ul role="listbox" aria-labelledby="label_fruit">
<li role="option" aria-setsize="-1" aria-posinset="5">apples</li>
<li role="option" aria-setsize="-1" aria-posinset="6">bananas</li>
<li role="option" aria-setsize="-1" aria-posinset="7">cantaloupes</li>
<li role="option" aria-setsize="-1" aria-posinset="8">dates</li>
</ul>Characteristics
Used in Roles
Inherits into Roles
Value
- integer
- A numerical value without a fractional component.
Semantic HTML
No HTML element equivalent.
Reference
- WAI-ARIA 1.2 Specification
Refer to the notes from the WAI-ARIA 1.2 specification for more information on aria-setsize. - MDN Web Docs
The browser compatibility for each of the ARIA attributes is taken from the MDN Web Docs. Please refer to the original source if browser compatibility is updated for aria-setsize.
Explore more on DigitalA11Y Insights
Similar Posts
WAI-ARIA: aria-keyshortcuts (Property)
Description New in ARIA 1.1 Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. The value of the aria-keyshortcuts attribute is a space-delimited list of keyboard shortcuts that can be pressed to activate a command or textbox widget. The keys defined in the shortcuts represent the physical keys…
WAI-ARIA: aria-roledescription (Property)
Description New in ARIA 1.1 Defines a human-readable, author-localized description for the role of an element. Some assistive technologies, such as screen readers, present the role of an element as part of the user experience. Such assistive technologies typically localize the name of the role, and they may customize it as well. Users of these…
WAI-ARIA: aria-valuemin (Property)
Description Defines the minimum allowed value for a range widget. Authors MUST ensure the value of aria-valuemin is less than or equal to the value of aria-valuemax. If the aria-valuenow has a known maximum and minimum, the author SHOULD provide properties for aria-valuemax and aria-valuemin. Note: A range widget starts with a given value, which can…
Short Guide on Using the ARIA-haspopup (Property)
Description Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. A popup element usually appears as a block of content that is on top of other content. Authors MUST ensure that the role of the element that serves as the container for the…
WAI-ARIA: aria-modal (Property)
Description New in ARIA 1.1 Indicates whether an element is modal when displayed. The aria-modal attribute is used to indicate that the presence of a “modal” element precludes usage of other content on the page. For example, when a modal dialog is displayed, it is expected that the user’s interaction is limited to the contents…
WAI-ARIA: aria-valuetext (Property)
Description Defines the human readable text alternative of aria-valuenow for a range widget. This property is used, for example, on a range widget such as a slider or progress bar. If the aria-valuetext attribute is set, authors SHOULD also set the aria-valuenow attribute, unless that value is unknown (for example, on an indeterminate progressbar). Authors…