Top "Wai-aria" questions

WAI-ARIA, the Web Accessibility Initiative - Accessible Rich Internet Applications specification suite, defines a way to make web content and web applications more accessible to people with disabilities.

What is the meaning of the 'aria-describedby' property?

The following HTML is inserted by the jQuery Grid plugin: <td role="gridcell" style="" aria-describedby="list_createdBy">Sam&…

html xhtml wai-aria
What is the difference between aria-label and title attributes?

I am used to use title="" attribute on my links/buttons/... to detail them. But bootstrap uses lots of aria-label="" …

html twitter-bootstrap title wai-aria
How to bind dynamic data to aria-label?

I have dynamic text to bind to aria-label on a HTML page. This is an Angular 2 app. I am using …

html angular wai-aria uiaccessibility
Why do Bootstrap tabs have role="presentation"?

I'm working on a design system that's extending from the Bootstrap framework. One of the key goals is accessibility. When …

twitter-bootstrap accessibility wai-aria
How to keep focus within modal dialog?

I'm developing an app with Angular and Semantic-UI. The app should be accessible, this means it should be compliant with …

modal-dialog accessibility semantic-ui wai-aria wcag2.0
aria-label and label not both read

Please consider the following markup. <label for="i1" class="inforLabel">This is a label</label> <…

accessibility wai-aria screen-readers jaws-screen-reader
The reason to use role="list" and role="listitem"?

Are there any benefits of using the following code? <ul role="list"> <li role="listitem"></…

html list wai-aria
Where to place the aria-controls attribute in my tabs markup

I'm setting up a tabbed content section in my page using a script that follows the following syntax: <!-- …

html tabs accessibility wai-aria
Should role="contentinfo" be always added on footer element?

On ARIA demonstration websites, role="contentinfo" is usually added on footer element. However, footers in modern web design can be …

html footer wai-aria
How to notify screen readers using WAI-ARIA that a div is now visible

How do you notify screen readers using WAI-ARIA that a div is now visible? If we got the html <…

javascript html accessibility screen-readers wai-aria