WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Concurrent use of aria-describedby and aria-activedescendant

for

Number of posts in this thread: 4 (In chronological order)

From: Ney André de Mello Zunino
Date: Thu, Jul 21 2011 2:48PM
Subject: Concurrent use of aria-describedby and aria-activedescendant
No previous message | Next message →

Hello.

I have implemented a custom ARIA-enhanced grid widget which is to be
described by an external element, referenced by an aria-describedby
attribute. Additionally, I use an aria-activedescendant attribute which
should let users know which cell is the current cell, as soon as the
component received focus.

The problem is that when I add the aria-activedescendant attribute, the
component's description is no longer read by the AT (JAWS 11 with
Firefox 5, FWIW).

The expected outcome would be for the AT to first describe the grid
component and then proceed to describing its current cell. However, with
the concurrent use of the attributes, only the current cell (the element
referenced by aria-activedescendant) is described.

Could anybody help me in identifying the source of the problem? Am I
simply misusing or misunderstanding the attributes?

Thank you,

--
Ney André de Mello Zunino
Pesquisa e Desenvolvimento
Softplan/Poligraph
Sistema da Qualidade Certificado ISO9001:2008
Fone/Fax: 0xx(48) 3027-8000
http://www.softplan.com.br/

From: Lucy Greco
Date: Thu, Jul 21 2011 4:21PM
Subject: Re: Concurrent use of aria-describedby and aria-activedescendant
← Previous message | Next message →

could i see a sample of this I can't picture what you are trying

From: Ney André de Mello Zunino
Date: Fri, Jul 22 2011 7:54AM
Subject: Re: Concurrent use of aria-describedby and aria-activedescendant
← Previous message | Next message →

On 21/07/2011 19:20, Lucy Greco wrote:
> could i see a sample of this I can't picture what you are trying

Hello.

Thanks for your response. I created a sample and posted its three files
onto Pastebin. Be sure to name the files accordingly on your local file
system.

teste09.html
http://pastebin.com/rRNzuj4p

teste09.js
http://pastebin.com/RmYk2wvD

teste09.css
http://pastebin.com/nZNCiBcp

When you open the sample page and use TAB to move focus to the grid
component, you will notice that the grid description is not spoken by
JAWS. Instead, only the value associated with the grid's current cell
(as given by the /aria-activedescendant/ attribute) gets read.

You can try commenting out the fifth line in teste09.js (shown below) to
get the grid's description to be read.

updateGrid(grid, function() {});

I have actually managed to get my desired outcome by using a time-out
but I see this as a fragile sort of kludge. Replace the javascript line
above with the following to hear what the expected results are:

setTimeout(function() { updateGrid(grid, function() {}); }, 3000);

Thank you for your time.

Regards,

--
Ney André de Mello Zunino
Pesquisa e Desenvolvimento
Softplan/Poligraph
Sistema da Qualidade Certificado ISO9001:2008
Fone/Fax: 0xx(48) 3027-8000
http://www.softplan.com.br/

From: Lucy Greco
Date: Fri, Jul 22 2011 9:03AM
Subject: Re: Concurrent use of aria-describedby and aria-activedescendant
← Previous message | No next message

I will look at it tonight thanks

Lucy Greco
Assistive Technology Specialist
Disabled Student's Program UC Berkeley
(510) 643-7591
http://attlc.berkeley.edu
http://webaccess.berkeley.edu

-----Original Message-----
From: = EMAIL ADDRESS REMOVED = [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Ney André de Mello Zunino
Sent: Friday, July 22, 2011 6:56 AM
To: = EMAIL ADDRESS REMOVED =
Subject: Re: [WebAIM] Concurrent use of aria-describedby and aria-activedescendant

On 21/07/2011 19:20, Lucy Greco wrote:
> could i see a sample of this I can't picture what you are trying

Hello.

Thanks for your response. I created a sample and posted its three files onto Pastebin. Be sure to name the files accordingly on your local file system.

teste09.html
http://pastebin.com/rRNzuj4p

teste09.js
http://pastebin.com/RmYk2wvD

teste09.css
http://pastebin.com/nZNCiBcp

When you open the sample page and use TAB to move focus to the grid component, you will notice that the grid description is not spoken by JAWS. Instead, only the value associated with the grid's current cell (as given by the /aria-activedescendant/ attribute) gets read.

You can try commenting out the fifth line in teste09.js (shown below) to get the grid's description to be read.

updateGrid(grid, function() {});

I have actually managed to get my desired outcome by using a time-out but I see this as a fragile sort of kludge. Replace the javascript line above with the following to hear what the expected results are:

setTimeout(function() { updateGrid(grid, function() {}); }, 3000);

Thank you for your time.

Regards,

--
Ney André de Mello Zunino
Pesquisa e Desenvolvimento
Softplan/Poligraph
Sistema da Qualidade Certificado ISO9001:2008
Fone/Fax: 0xx(48) 3027-8000
http://www.softplan.com.br/