WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Dogs, cats, ARIA, and JAWS

for

From: Lovely, Brian (CONT)
Date: Aug 10, 2017 10:53AM

Aria-label and aria-labelled by tend to take precedence over other parts of what ends up being an element's accessible name. The accessible name computation is described in detail in the W3C Accessible Name and Description: Computation and API Mappings 1.1 (https://www.w3.org/TR/accname-aam-1.1/). Aria-describedby would allow other strings from the element to be concatenated into the accessible name.



-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of R.U. Steinberg
Sent: Thursday, August 10, 2017 12:47 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: [WebAIM] Dogs, cats, ARIA, and JAWS

I have a layout that consists of a group of boxes. Each box is in a div and is a link to another page with more information, but there is content in each box including a span with a role="heading" aria-level="2. I have applied an aria-label to the box. JAWS 18 with IE 11 is ignoring all the content in the box including listing the headings--it just reads the aria-label. But I am told using the arrow keys, NVDA and Voiceover pick up the heading 2s. Any advice?

I have put some code at https://jsfiddle.net/mgLtqvx2/ The information contained in this e-mail is confidential and/or proprietary to Capital One and/or its affiliates and may only be used solely in performance of work or services for Capital One. The information transmitted herewith is intended only for use by the individual or entity to which it is addressed. If the reader of this message is not the intended recipient, you are hereby notified that any review, retransmission, dissemination, distribution, copying or other use of, or taking of any action in reliance upon this information is strictly prohibited. If you have received this communication in error, please contact the sender and delete the material from your computer.