Category Archives: WAI-ARIA

aria-selected (state)

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-required (property)

aria-required property is used on a form element when the user input is required on the field. Providing aria-required property set to true before the form submission avoid users from making mistakes. Aria-required property like any other aria role, state or property just indicates that the field is required to the user. The visual identification… Continue Reading aria-required (property)

aria-relevant (property)

Aria-relevant property is an optional value to an aria-live region. Aria-relevant property is used when the web page contains frequently updating content such as a live chat. Aria-relevant property helps in intimating the updated content to the assistive technology. In some cases it is also important for the user to intimate the logs that are… Continue Reading aria-relevant (property)

aria-readonly (property)

aria-readonly (property) is used when certain fields on the page are not editable. User can just find information on the readonly field but cannot edit. By setting aria-readonly property to true screen reader user can identify that the field is readonly. When aria-readonly (property) is used on any element content authors should allow focusing on… Continue Reading aria-readonly (property)

aria-pressed (state)

aria-pressed state is used to inform the user that an element is a toggle button. aria-checked(state) and aria-selected (state) (future link) are similar to aria-pressed. In normal state aria-pressed will be in release state and the value is false. When the user clicks or activates the button it changes to pressed state where the value… Continue Reading aria-pressed (state)

aria-posinset (property)

Aria-posinset property defines an element’s number or position in the current set of listitems or treeitems. Defining aria-posinset 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-posinset attribute, as the user… Continue Reading aria-posinset (property)

aria-owns (property)

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)

ARIA-orientation (property)

Aria-orientation property is used to indicate if an element is oriented horizontally or vertically on a web page. aria-orientation is used on components such as separators, scrollbars and spin buttons. So roles in which the aria-orientation property can be used are separator role, scrollbar role and spinbutton role. aria-orientation have two possible values. Aria-orientation=”horizontal” is… Continue Reading ARIA-orientation (property)

aria-multiselectable (property)

aria-multiselectable is used to notify the users about the existence of the components where more than one element can be selected. aria-multiselectable is not an alternate for aria-selected. Tablists, listbox, tree and grid are the roles which allows the users to select more than one element. Do not use aria-multiselectable property where only one element… Continue Reading aria-multiselectable (property)

ARIA-multiline (property)

Aria-multilline property is used in conjunction with input type textarea. Textarea is used when user is expected to provide large content in a form. This attribute is used for fields like feedback, comments in a form. Screen readers such as NVDA cannot identify the difference between normal text and textarea. So users who use them… Continue Reading ARIA-multiline (property)