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 11:55:08 -0800
To: "'Jonathan Avila'" <jon.avila@ssbbartgroup.com>, "'Jeff Orchard'" <porch@sympatico.ca>, <w3c-wai-ig@w3.org>
Cc: <w3c-wai-ig@w3.org>
Message-ID: <00a101d00820$8f995230$aecbf690$@whatsock.com>
Excellent, thanks, adding one column at the left to handle expandable nodes and auto-indenting should cover this then.

 

With an initial look at using the treegrid role instead of grid, there is a huge drawback from what I can see already.

 

A treegrid is rendered by screen readers like JAWS and NVDA as a tree construct, much like an ARIA Tree, and as such, there is no
grid navigation possible in the Virtual Buffer, because all tabular association is lost.

 

For example, you cannot use the alt+control+up/right/down/left keystrokes to navigate by cell in the same manner that you can when
navigating an interactive grid, both in the Virtual Buffer and in Forms Mode. This is a pretty big problem if you are trying to
present easily navigable tabular data.

 

Since aria-expanded is supported on gridcell regardless whether treegrid or grid is used, I think it would be more beneficial to use
the grid role for this purpose, since it would automatically support both modes of navigation.

 

 

 

From: Jonathan Avila [mailto:jon.avila@ssbbartgroup.com] 
Sent: Monday, November 24, 2014 9:42 AM
To: Bryan Garaventa; 'Jeff Orchard'; w3c-wai-ig@w3.org
Subject: RE: grid and treegrid

 

*  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?

 

Typically the cell in the first column is used to expand and collapse the node's rows.

 

*  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?

 

The newly exposed information is added as one or more rows and would be indented, e.g. it doesn't have any data for column 1.

 

*  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?

It could be anything - common scenarios or file structures.

 

Adobe Flex had a tree grid control that exposed some degree of accessibility - I think it was an advanced data grid with a treeview
mode.

 

Jonathan

 

From: Bryan Garaventa [mailto:bryan.garaventa@whatsock.com] 
Sent: Sunday, November 23, 2014 5:24 PM
To: 'Jeff Orchard'; w3c-wai-ig@w3.org <mailto:w3c-wai-ig@w3.org> 
Subject: RE: grid and treegrid

 

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?

 

Thanks,

Bryan

 

 

From: Jeff Orchard [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?

 

Best,

 

Jeff

 

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

https://github.com/accdc/tsg

 

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.

E.G

http://whatsock.com/tsg/Coding%20Arena/ARIA%20Data%20Grids/ARIA%20Data%20Grid%20(Dynamic)/demo.htm

 

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:

http://lnkd.in/b9VGQxf

 

All the best,

Bryan

 

 

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.

 

Best,

 

Jeff

 

Jeff Orchard, MI
Consultant, Accessible Digital Design

Toronto, Canada

 
Received on Monday, 24 November 2014 20:15:39 UTC

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