WAI-ARIA: Role=Caption

Visible content that names, and may also describe, a figure, table, grid, or treegrid. Description Visible content that names, and may also describe, a figure, table, grid, or treegrid. When using caption authors SHOULD ensure: Authors SHOULD set aria-labelledby on the parent figure, table, grid, or treegrid to reference the element with role caption. However, if a caption contains content that serves as both a name and description for its parent, authors MAY instead set aria-labelledby to reference an element within the caption that contains…

WAI-ARIA Role=Emphasis

WAI-ARIA: Role=Emphasis

One or more emphasized characters. Description One or more emphasized characters. The purpose of the emphasis role is to stress or emphasize content. It is not for communicating changes in typographical presentation that do not impact the meaning of the content. Authors SHOULD use the emphasis role only if its absence would change the meaning of the content. The emphasis role is not…

The Accessible Forms Checklist
|

The Accessible Forms Checklist

Recently, during a discussion, I was talking to my design partner, Monika, about the inaccessibility of government websites in India. I got stuck at a form that requires a captcha, and without sighted help, there is no way to move forward. Monika also brought up an interesting point about how most government sites are built…

Input Type 'date' The Accessibility of HTML Date Picker

Input Type ‘date’: The Accessibility of HTML Date Picker

As a screen reader user, I always dread finding a date picker that is not accessible on the website where I need to fill out forms. Whether it is used to collect a birth date or when booking a ticket on air travel or hotel booking sites, often these date pickers are not accessible and…

Does the HTML hr (horizontal Rule) Benefit Screen Reader Users?

Does the HTML hr (horizontal Rule) Benefit Screen Reader Users?

A conversation with a fellow accessibility subject matter expert led me to contemplate this topic. While working on the design aspects of DigitalA11Y, I encountered the separator block in the Gutenberg editor which utilizes an <hr> tag. For screen reader users, this tag is being read as a separator. The discussion revolved around whether the…