ABLEIsm Human ethic to avoid INTRODUCTION One day I was waiting with my white cane and laptop bag to cross the road. I heard the sound of footsteps walking towards me. As the sounds were close to me, I said “Excuse me! Can you help me to cross the road?” No answer but I felt […]

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”. […]

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 […]

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. […]

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 […]

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 […]