-
Notifications
You must be signed in to change notification settings - Fork 355
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Draft tree grid design pattern #91
Comments
In addition to the below, This commit also moves the landmark section after the example section. Moved each of the following sections from aria-practices.html to aria-practices-DeletedSectionsArchive.html and created associated issues for drafting new versions. 1. Section "General Steps for Building an Accessible Widget with WAI-ARIA" and created issue #73. 2. Section "Other Widget Authoring Practices"., primarily about aria-valuenow, there is no specific need to raise an issue for this section. 3. Section "Relationships" and raised issues #74, #75, #76, and #77. 4. Section "Managing Dynamic Changes" and created issue #78. 5. Section "Presentation Role" and created issue #79. 6. Section "Form Properties" and created issue #80. 7. Section "Drag-and-Drop Support" and created issue #81 8. Section "Math" and created issue #82. 9. Section "Reusable Component Libraries" and created issue #83. 10. The following 4 Appendix sections related to background on ARIA and created issue #84 A. Background on WAI-ARIA B. Filling the Gaps for Content Delivered to Desktop Browsers c. Building Accessible Applications with WAI-ARIA D. Reasons for Adopting WAI-ARIA 11. The following design patterns: A. Accordion and updated issue #53. B. Autocomplete and updated issue #31. C. Combobox and updated issue #31. D. Datepicker and updated issue #57 E. Dialog (Non-Modal) and updated issue 59. F. Dialog (Tooltip) and added issue #85. G. Landmarks and added issue #86. H. Popup Help (aka Bubble Help) and added issue #87. I. Rich Text Editor and added issue #88. j. Site Navigator - General and added issue #89. K. Site Navigator - Tree and added it to issue #89. L. Site Navigator - Tabbed Style and added it to issue #89. M. Tree Grid and added issue #91. N. Wizard and added issue #92.
In addition to the below, This commit also moves the landmark section after the example section. Moved each of the following sections from aria-practices.html to aria-practices-DeletedSectionsArchive.html and created associated issues for drafting new versions. 1. Section "General Steps for Building an Accessible Widget with WAI-ARIA" and created issue w3c#73. 2. Section "Other Widget Authoring Practices"., primarily about aria-valuenow, there is no specific need to raise an issue for this section. 3. Section "Relationships" and raised issues w3c#74, w3c#75, w3c#76, and w3c#77. 4. Section "Managing Dynamic Changes" and created issue w3c#78. 5. Section "Presentation Role" and created issue w3c#79. 6. Section "Form Properties" and created issue w3c#80. 7. Section "Drag-and-Drop Support" and created issue w3c#81 8. Section "Math" and created issue w3c#82. 9. Section "Reusable Component Libraries" and created issue w3c#83. 10. The following 4 Appendix sections related to background on ARIA and created issue w3c#84 A. Background on WAI-ARIA B. Filling the Gaps for Content Delivered to Desktop Browsers c. Building Accessible Applications with WAI-ARIA D. Reasons for Adopting WAI-ARIA 11. The following design patterns: A. Accordion and updated issue w3c#53. B. Autocomplete and updated issue w3c#31. C. Combobox and updated issue w3c#31. D. Datepicker and updated issue w3c#57 E. Dialog (Non-Modal) and updated issue 59. F. Dialog (Tooltip) and added issue w3c#85. G. Landmarks and added issue w3c#86. H. Popup Help (aka Bubble Help) and added issue w3c#87. I. Rich Text Editor and added issue w3c#88. j. Site Navigator - General and added issue w3c#89. K. Site Navigator - Tree and added it to issue w3c#89. L. Site Navigator - Tabbed Style and added it to issue w3c#89. M. Tree Grid and added issue w3c#91. N. Wizard and added issue w3c#92.
Tree Grid isn't in the new draft. What's the plan for it returning in future drafts? This is a pattern we rely on and use quite a lot. |
@wendyabc wrote:
You are just the person I was hoping would show up! Perhaps you can help? Do you have functional, accessible treegrids? Completing the treegrid pattern is in the Authoring Practices Task Force milestone plan for the version of ARIA Authoring Practices that will be published when ARIA 1.1 becomes a recommendation. That said, I am not 100% confident we will have it baked by then. There are quite a few issues to work out with treegrid. The ARIA 1.0 treegrid pattern referenced above was deleted because following it would be problematic.
|
I can help work on this. I need this now for an accessible tool I'm developing called automation inspector, for inspecting the Chrome Automation API. It uses a 3rd party library for the treegrid called FancyTree, which has good keyboard + ARIA for regular trees, and makes an attempt at access for treegrids. |
CC'ing @robdodson and @surma Here is a proposal:
Screen readers may not do the "read to the end" behavior automatically. Therefore, may be advisable to have the entire row focused when the user is focused on the first column. That would allow us to get most of the behavior we need in today's screen readers. |
Here are more detailed thoughts on the design pattern and an example: |
I decided that move-by-word isn't as discoverable as it needs to be. Instead, the user can tab to active cells in the current row with the tab key. |
1. Modified aria-practices: * Add placeholder section for treegrid design pattern. * Add link to treegrid example page. 2. Add new template file: examples/treegrid/css/treegrid.css 3. Add nnew template file: examples/treegrid/js/treegrid.js 4. Add new template file: examples/treegrid/treegrid-1.html
I submitted a draft as pull request 714 |
For issue #91, add a draft of pattern section for treegrid.
For issue #91, add a draft of pattern section for treegrid.
Design pattern > Keyboard Interaction For Data Grids > Left arrow > fourth bullet currently is: Edit necessary: add space after comma: |
Design pattern > Keyboard Interaction For Data Grids > Left arrow > fifth bullet currently is: Edit necessary: remove 'a' between 'on' and 'any': |
Design pattern > Keyboard Interaction For Data Grids > Control + Space > second bullet currently is: Edit necessary: change 'call' to 'cell': |
Design pattern > WAI-ARIA Roles, States, and Properties > fourth bullet > second sentence currently is: Edit necessary: remove 'to' as second word in that sentence: |
Design pattern > WAI-ARIA Roles, States, and Properties > fourth bullet > third sentence currently is: What is an 'end row'? Is it a 'last row'? Or a 'bottom row' as mentioned previously? Needs clarification... |
Design pattern > WAI-ARIA Roles, States, and Properties > eleventh bullet currently is: Edit necessary: add 'to' before 'true': |
Design pattern > WAI-ARIA Roles, States, and Properties > twelfth bullet > first sentence currently is: Edit necessary: add 'to' before 'true': |
Design pattern > WAI-ARIA Roles, States, and Properties > twelfth bullet > second sentence currently is: Edit necessary: add 'to' before 'true': |
No further issues noted. |
… issue 91 Per feedback from #annabbott in issue #91, made multiple editorial revisions. Made additional changes to phrasing to be more consistent with other patterns. Removed first two sentences of first note in roles, states, and properties. They stated that row and gridcell roles were not needed on treegrids built from HTML tables; that is currently not consistent with the ARIA in HTML spec.
Thank you @annabbott, I have made the corrections in commit 73eea9d. |
…new note containing review issue link Changed the introductory note in the treegrid pattern in aria-practices.html to replace the link to development issue #91 with a link to a new review issue 793. Describe the pattern as new in APG 1.1 R2.
This issue is now complete and the pattern is ready for wide review. :) Closing! |
When working on this issue, there is some old content that may be useful in the file aria-practices-DeletedSectionsArchive.html.
The relevant section can be seen here:
https://rawgit.com/w3c/aria-practices/master/aria-practices-DeletedSectionsArchive.html#treegrid
The text was updated successfully, but these errors were encountered: