angular / angular/components

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

Abierto
#13,018 9 comentarios 12 reacciones 0 asignados Ver en GitHub
Accessibility area: material/tree feature P2
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

#### 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](https://www.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](https://www.w3.org/TR/wai-aria-practices/examples/treeview/treeview-1/treeview-1a.html)
![keyboard-navigation](https://user-images.githubusercontent.com/412615/45206042-4ce05e80-b284-11e8-94f1-4836e462693e.gif)

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

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza con el componente mat-tree y compara su comportamiento actual con TAB, SHIFT+TAB, SPACE y ENTER con las directrices de WAI-ARIA sobre interacciones de teclado de TreeView y el ejemplo de treeview enlazado. Se considera terminado cuando mat-tree siga el comportamiento solicitado de foco y navegación con flechas, manteniendo la interacción esperada de apertura y cierre de nodos.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
accessibility, frontend
Tipo de issue
Nueva funcionalidad
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
42/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.