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

RE: grid and treegrid

From: Howard Leicester <howard_leicester@btconnect.com>
Date: Mon, 24 Nov 2014 20:38:36 +0000
To: 'Mitchell Evan' <mtchllvn@gmail.com>, 'Bryan Garaventa' <bryan.garaventa@whatsock.com>
CC: <w3c-wai-ig@w3.org>, 'Jeff Orchard' <porch@sympatico.ca>
Message-ID: <7BFB9664198944C084AD06B0647A92FA@H30JC4J>
 

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; Jeff Orchard
Subject: RE: grid and treegrid

 

Bryan,

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

 

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
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
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%20Gri
d%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
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:40:06 UTC

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