Components: [mat-tree] Keyboard Interaction recommended by WAI-ARIA

Created on 7 Sep 2018  路  2Comments  路  Source: angular/components

Bug, feature request, or proposal:

Feature request

What is the expected behavior?

Read expected behavior under "Keyboard interactions" at w3.org/TR/wai-aria-practices/#TreeView. Should use TAB to focus [mat-tree] and use arrows to navigate. Similar to radio button behaviour.

What is the current behavior?

TAB and SHIFT + TAB to navigate. SPACE or ENTER to open/close a node.

What are the steps to reproduce?

Look at the example here: w3.org/TR/wai-aria-practices/examples/treeview/treeview-1/treeview-1a.html
keyboard-navigation

What is the use-case or motivation for changing an existing behavior?

To make [mat-tree] more usable and accessible. Especially important when having lots of items in a tree.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

@angular: 6.1.4
@angular/material: 6.4.6
OS: Windows 10
Chrome: 69.0.3497.81
Typescript: 2.7.2

Is there anything else we should know?

No

P2 a11y materiatree feature

Most helpful comment

That should be what https://github.com/angular/material2/pull/10691 is doing.

All 2 comments

That should be what https://github.com/angular/material2/pull/10691 is doing.

This issue no longer has an active pull request associated, will this be revisited?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

jelbourn picture jelbourn  路  171Comments

Daugoh picture Daugoh  路  79Comments

mmalerba picture mmalerba  路  77Comments

jelbourn picture jelbourn  路  94Comments

lfroment0 picture lfroment0  路  108Comments