Tag Archives: states and properties.
aria-sort (property) is used to inform the screen reader user whether the columns or rows in a grid can be sorted. Aria-sort (property) is used to a table header or a grid header. This aria-sort (property) can be used both for column headers or row headers. aria-sort (property) has two possible values “ascending” and “descending”.… Continue Reading aria-sort (property)
aria-setsize property defines total number of items in a list or a treeview. Defining aria-setsize is not required if all elements in the set are present in the DOM. If all items in a set are present in the document structure, it is not necessary to set aria-setsize attribute, as the user agent can automatically… Continue Reading aria-setsize (property)
Aria-selected state is used to notify when one or more items in a widget have selectable functionality. Eg: various tabs in a tab panel have selectable mechanism. In general the selected state is notified to the user with a change in color. The change in color notification will not be recognized by screen reading technologies.… Continue Reading aria-selected (state)
ARIA-owns (Property) Aria-owns identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship. In other words aria-owns property defines element relationships and associations that cannot be readily determined from the document structure. Aria-owns sets or… Continue Reading aria-owns (property)
Before understanding aria-labelledby it is worth reading aria-label (property). Similar to aria-label, aria-labelledby is also used to provide alternate text for an informative image, label a form element etc. Unlike aria-label, aria-labelledby refers the existing text on the page and uses it as the labelling text. For example If the heading on the page and… Continue Reading aria-labelledby (property)