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-rowspan (Property)
Description Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid. See related aria-rowindex and aria-colspan. This attribute is intended for cells and gridcells which are not contained in a native table. When defining the row span of cells or gridcells in a native table, authors SHOULD use…
WAI-ARIA: aria-label (Property)
Description Defines a string value that labels the current element. See related aria-labelledby. The purpose of aria-label is the same as that of aria-labelledby. It provides the user with a recognizable name of the object. The most common accessibility API mapping for a label is the accessible name property. If the label text is visible…
WAI-ARIA: aria-colindex (Property)
Description Defines an element’s column index or position with respect to the total number of columns within a table, grid, or treegrid. See related aria-colcount and aria-colspan. If all of the columns are present in the DOM, it is not necessary to set this attribute as the user agent can automatically calculate the column index…
WAI-ARIA: aria-autocomplete (Property)
Description Indicates whether inputting text could trigger display of one or more predictions of the user’s intended value for an input and specifies how predictions would be presented if they are made. The aria-autocomplete property describes the type of interaction model a textbox, searchbox, or combobox employs when dynamically helping users complete text input. It…
WAI-ARIA: aria-flowto (Property)
Description Identifies the next element (or elements) in an alternate reading order of content which, at the user’s discretion, allows assistive technology to override the general default of reading in document source order. When aria-flowto has a single IDREF, it allows assistive technologies to, at the user’s request, forego normal document reading order and go…
WAI-ARIA: aria-valuenow (Property)
Description Defines the current value for a range widget. See related aria-valuetext. This property is used, for example, on a range widget such as a slider or progress bar. If the current value is not known (for example, an indeterminate progress bar), the author SHOULD NOT set the aria-valuenow attribute. If the aria-valuenow attribute is…