Skip to content

Request: Keyboard navigation in md-list #941

Closed
@vipdorian

Description

@vipdorian

To be able to use arrow keys to navigate through md-list or md-data-table or md-grid-list

As said in http://webaim.org/techniques/keyboard/ , in the section "Navigate to most elements" :

  • Keyboard focus indicators must be present.
  • Navigation order should be logical and intuitive.

In material-angular (1.1.0-rc.5), arrow keys does not select or change focus in md-list. The issue was closed in material-angular as part of ‘Surge Focus on Material 2' efforts. Requesting this feature to be included in material-angular-2.

Use-case 1 : Pharmacy Software, need to navigate through a md-list of prescriptions with up/down.
screen shot 2016-08-02 at 00 25 02

Use-case 2 : Google drive, you can navigate through files with arrow keys.
screen shot 2016-08-02 at 00 22 59

Use-case 3 : Google mail, you can navigate through emails with arrow keys.

Motivation : Most pharmacists in Quebec are using an old C# pharmacy software which is ugly but fast. If I can tell them that Material-Angular2 is good-looking AND fast, it might be a game-changer. (keyboard-friendly == fast)

Metadata

Metadata

Assignees

No one assigned

    Labels

    AccessibilityThis issue is related to accessibility (a11y)P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentfeatureThis issue represents a new feature or feature request rather than a bug or bug fix

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions