Re: Update tree view examples for review on Monday APG call

Fred,

In the following tree view example I see the links as the “action” of the tree, so you cannot “tab” to the links, and the links do not receive keyboard “focus” (e.g. There DOM parent does), but the link is  activated when you press the “space” or “enter” key.

https://rawgit.com/jongund/aria-practices/master/examples/treeview/treeview-2.html


I think this a popular way to make a treeview that has a link action.

In this example the links essentially act “presentational" since they are only defining what will happen if you activate one of the tree items.

But the links would still come up in a list of links for a screen reader and would be identified as links in review mode.

Are you suggesting we should add role=none to the links (e.g. A elements) in the example?

Jon


From: Fred Esch <fesch@us.ibm.com<mailto:fesch@us.ibm.com>>
Date: Friday, June 10, 2016 at 1:51 PM
To: Jon Gunderson <jongund@illinois.edu<mailto:jongund@illinois.edu>>
Cc: Accessible Rich Internet Applications Working Group <public-aria@w3.org<mailto:public-aria@w3.org>>
Subject: Re: Update tree view examples for review on Monday APG call


Jon,

One thing that has been discussed recently is whether an element with role treeitem may only have presentational children. And in your example you have a <li> element with role treeitem and a descendent <a> element with a href. As far as I can tell, an <a> element with a href<https://urldefense.proofpoint.com/v2/url?u=http-3A__w3c.github.io_html_dom.html-23interactive-2Dcontent&d=CwMGaQ&c=8hUWFZcy2Z-Za5rBPlktOQ&r=REZD8fc2AwufInstfW3L5jSLVS8bjZtAodDOhat7yAI&m=9XSHXCdKauc14xDCFdL0HX1AhpUTxhNdpgkmIvUdvQs&s=-vtu6jbj5fzpxzCQ_M9Qjydn8CDujA7ZwkqL5VtGoEQ&e=> is interactive content. So my interpretation is the <li> element with the role treeitem does not have only presentational children. What am I not understanding? Is a <a> element with a href presentational? Or do you not believe that a element with a role treeitem should not be restricted to only have presentational children?


Regards,

Fred Esch
Watson, IBM, W3C Accessibility

[IBM Watson]    Watson Release Management and Quality


[Inactive hide details for "Gunderson, Jon R" ---06/10/2016 01:41:10 PM---Matt, James and Michiel, Here are the updated tree vie]"Gunderson, Jon R" ---06/10/2016 01:41:10 PM---Matt, James and Michiel, Here are the updated tree view examples based on the APG discussion this we

From: "Gunderson, Jon R" <jongund@illinois.edu<mailto:jongund@illinois.edu>>
To: Matt King <a11ythinker@gmail.com<mailto:a11ythinker@gmail.com>>, James Nurthen <james.nurthen@oracle.com<mailto:james.nurthen@oracle.com>>, Michiel Bijl <michiel@agosto.nl<mailto:michiel@agosto.nl>>
Cc: "'ARIA Working Group'" <public-aria@w3.org<mailto:public-aria@w3.org>>
Date: 06/10/2016 01:41 PM
Subject: Update tree view examples for review on Monday APG call

________________________________



Matt, James and Michiel,

Here are the updated tree view examples based on the APG discussion this week, hopefully can discuss changes on Monday’s call.

https://rawgit.com/jongund/aria-practices/master/examples/treeview/treeview-1.html<https://urldefense.proofpoint.com/v2/url?u=https-3A__rawgit.com_jongund_aria-2Dpractices_master_examples_treeview_treeview-2D1.html&d=CwMGaQ&c=8hUWFZcy2Z-Za5rBPlktOQ&r=REZD8fc2AwufInstfW3L5jSLVS8bjZtAodDOhat7yAI&m=9XSHXCdKauc14xDCFdL0HX1AhpUTxhNdpgkmIvUdvQs&s=_xn1WSVEruh6z5z_2UxUJC_iSCYKjIxnqGfmAk_kbtI&e=>
https://rawgit.com/jongund/aria-practices/master/examples/treeview/treeview-2.html<https://urldefense.proofpoint.com/v2/url?u=https-3A__rawgit.com_jongund_aria-2Dpractices_master_examples_treeview_treeview-2D2.html&d=CwMGaQ&c=8hUWFZcy2Z-Za5rBPlktOQ&r=REZD8fc2AwufInstfW3L5jSLVS8bjZtAodDOhat7yAI&m=9XSHXCdKauc14xDCFdL0HX1AhpUTxhNdpgkmIvUdvQs&s=fYh9f9cP92ZEWAGz5vvxAu_mVroUc1ZG389IeKR-ovk&e=>

The changes include:
1. Adding a description of the example after the title
2. Updating the keyboard support to match authoring practices
3. Added section on synchronization of visual and aria states
4. Added aria-level, aria-setsize and aria-posinset information to examples

Still todo:
1. Using character to navigate visible tree items
2. Using ‘*’ to open all descendant leaves of the current treeitem

Jon