WebAIM - Web Accessibility In Mind

E-mail List Archives

Conveying relationship in grid

for

From: Vemaarapu Venkatesh
Date: Apr 12, 2018 10:28PM

Hello all, Greetings!

I am having a grid with list of tasks as data in it. Every parent task have
their child's in the grid simply there's a parent child relationship
constructed in the grid. How to convey this hierarchy to a screen reader
user?
As far as my understanding, using aria-level might do the things. Like
assigning level 1 to parent task and level 2 to child tasks so on anbd it's
obvious to use aria-owns to build that relation for screen reader users
regardless of DOM order.
Also I feel it is good if users are able to collapse and expand parent task
so that they can easily reach their desired one's instead of navigating
every child task of parent.
Here the complete row of child task is filled with some data and when it
comes to parent task row, only task name alone in the first cell exists. Is
it better way to disable all other cells in the parent row as no data
exists and not letting keyboard focus go there?

Any thoughts. Are there any other ARIA attributes which we can use to
provide better experience for screen reader users?

Regards,
Venkatesh