Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

mdChips: buttons in custom template should not be in tab order #2345

Closed
marcysutton opened this issue Apr 15, 2015 · 0 comments
Closed

mdChips: buttons in custom template should not be in tab order #2345

marcysutton opened this issue Apr 15, 2015 · 0 comments
Assignees
Milestone

Comments

@marcysutton
Copy link
Contributor

A chip represents one tab stop so that it can be selected with TAB and removed with the DEL key. The remove button is only there for mouse users, so that a clickable portion of the chip can remove it on one click. To prevent keyboard and screen reader users from interacting with this control (since they have other affordances), .md-chip-remove buttons in custom templates need to work like their default counterparts:

  • tabindex="-1" to remove form tab order
  • aria-hidden="true" to hide from screen readers

These are the specific chips I'm referring to, which are different from the rest:
chips with custom template

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants