W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > October to December 2014

RE: grid and treegrid

From: Bryan Garaventa <bryan.garaventa@whatsock.com>
Date: Mon, 24 Nov 2014 13:46:33 -0800
To: <howard_leicester@btconnect.com>, "'Mitchell Evan'" <mtchllvn@gmail.com>
Cc: <w3c-wai-ig@w3.org>, "'Jeff Orchard'" <porch@sympatico.ca>
Message-ID: <00d801d00830$20be76f0$623b64d0$@whatsock.com>
I agree regarding the multiple tab stops, in that, when combining arrow keys with tabbing to perform differing actions on different
cells within the same grid, there is no way for non-sighted AT users to know which grid has focus or where they are located within
the same grid.


I'm in favor of keeping standard grid arrow key navigation, and using the spacebar to toggle expandability on the toggle gridcell,
plus I'll need to experiment a bit with the labels to see what works. I'd like to keep it as simple and intuitive as possible.



From: Howard Leicester [mailto:howard_leicester@btconnect.com] 
Sent: Monday, November 24, 2014 12:39 PM
To: 'Mitchell Evan'; 'Bryan Garaventa'
Cc: w3c-wai-ig@w3.org; 'Jeff Orchard'
Subject: RE: grid and treegrid



Appreciate that folk are putting considerable effort and thought into this one.


But doesn't it all make it exceptionally difficult for anyone using Assistive Technologies?



Big thanks,

Howard (Kent, England, UK).


From: Mitchell Evan [mailto:mtchllvn@gmail.com] 
Sent: 24 November 2014 17:15
To: Bryan Garaventa
Cc: w3c-wai-ig@w3.org <mailto:w3c-wai-ig@w3.org> ; Jeff Orchard
Subject: RE: grid and treegrid



When I do an image search for "treegrid," I see screenshots with a consistent visual layout. It looks like a table, with a tree node
in each of the cells of column 1.

As a sighted keyboard user (by preference not necessity), my first thought would be to tab to the table. To move from row to row, I
would try either tabbing or up-down arrows. Depending what else I see in the table's contents, I might expect tabbing to move across
each row to interactive elements in the row. When I'm on a tree item in column 1, I expect left and right arrows to collapse and
expand a row, and I expect a small triangle icon on the tree element to rotate downward when its row is expanded and showing its
child rows under it. Hierarchy of rows is visually evident from indentation inside column 1.

I've seen this visual pattern in the Mac OS file system, when I view a hierarchy of folders and files as a list with additional
columns of details such as file date and size.

On Nov 23, 2014 2:50 PM, "Bryan Garaventa" <bryan.garaventa@whatsock.com <mailto:bryan.garaventa@whatsock.com> > wrote:

Personally I'm not aware of a treegrid component that is accessible out of the box, though others here may be.


I am interested in extending the standard TSG grid to support this however, so if I could pick your brain for a minute, that would
be helpful.


Part of my difficulty, is that I'm having trouble imagining what it's supposed to look like, and which nodes constitute expandable
triggering elements.


For the interaction of a treegrid, is the entire row of a branch control supposed to represent the expandable triggering element, or
just a cell within that row?


Presumably the new row/rows will be inserted after that row as part of the categorization, but if this data is included as part of a
native table structure, should this new content be indented, or not? If yes, then how do visual column headings retain meaning as
multiple levels are expanded?


Also, what type of data is typically displayed as part of treegrid cells, strings, toggles, since this typically represents database
information, I assume these would still cover the primary usage scenarios?






From: Jeff Orchard [mailto:porch@sympatico.ca <mailto:porch@sympatico.ca> ] 
Sent: Friday, November 21, 2014 10:12 AM
To: 'Bryan Garaventa'; w3c-wai-ig@w3.org <mailto:w3c-wai-ig@w3.org> 
Subject: RE: grid and treegrid


Thanks so much for this, Bryan.


I'm having no luck finding a functional ARIA Treegrid. Would there be user agent support even if one were successfully coded?


My client is open to commercial libraries..


I really need a solution. Can anybody point me to a functional ARIA Treegrid?






From: Bryan Garaventa [mailto:bryan.garaventa@whatsock.com] 
Sent: November-20-14 2:16 PM
To: 'Jeff Orchard'; w3c-wai-ig@w3.org <mailto:w3c-wai-ig@w3.org> 
Subject: RE: grid and treegrid


I don't have an ARIA Treegrid at present, but do have an ARIA Grid module available if it's helpful, powered by jQuery at



It supports many features, such as dynamic population and rendering, auto pagination, editable and readonly states, single or
multiselect, callbacks and full configuration, full restyling, etc.




The GitHub download includes Grid variations that can be used for experimentation and to understand the setup process.


The project is open source, so if you would like to add additional features to the Grid module file, this is easily doable.


To understand how all of this works, the following LinkedIn article will be helpful:



All the best,




From: Jeff Orchard [mailto:porch@sympatico.ca] 
Sent: Thursday, November 20, 2014 8:45 AM
To: w3c-wai-ig@w3.org <mailto:w3c-wai-ig@w3.org> 
Subject: grid and treegrid


Hi all,


Can anybody point me to accessible jQuery grid and treegrid components?


I'm aware of the University of Illinois example of a grid, here: http://test.cita.illinois.edu/aria/grid/grid2.php


And it appears that jQuery UI has put development of a grid widget on hold: http://wiki.jqueryui.com/w/page/47182351/Grid-Widget


Any help would be terrific, thanks.






Jeff Orchard, MI
Consultant, Accessible Digital Design

Toronto, Canada

Received on Monday, 24 November 2014 22:07:04 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 13 October 2015 16:21:53 UTC