Skip to content
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.

Sign up for GitHub

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

Jump to bottom

feat(cdk/drag-drop): Proposal for Keyboard and Screenreader Accessibility #25468

Open
forsti0506 opened this issue Aug 15, 2022 · 1 comment
Open

feat(cdk/drag-drop): Proposal for Keyboard and Screenreader Accessibility #25468

forsti0506 opened this issue Aug 15, 2022 · 1 comment
Labels
area: cdk/drag-drop feature This issue represents a new feature or feature request rather than a bug or bug fix P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Comments

@forsti0506
Copy link
Contributor

forsti0506 commented Aug 15, 2022 •
edited

Feature Description

Hello everyone,

Accessibility is nowadays a very important topic and therefore I think it is essential to get as much work as possible done directly in the framework. Therefore is my proposal to make the Angular CDK Drag and Drop accessible to everyone! My ideas so far

  • Reusing as much code as possible (maybe renaming the functions if selected)
  • Adding aria roles if necessary
  • tabindex to all grabbable items
  • Space to activate moving by keyboard (then activly moving by arrow keys with small movement). Further ideas/improvement: movement to fix containers or movement by bigger (user defined) steps!
  • Escape to quit movement
  • Implementation according to https://www.w3.org/wiki/PF/ARIA/BestPractices/DragDrop

First Code proposal (Please don't look to specific, is my first proposal, Improvements needed):
1c50475

Is is meaningful to do more work on it? Please be so kind and share your meanings with me!

Best regards,

Martin

Use Case

Drag and Drop Accessibility!
@forsti0506 forsti0506 added feature This issue represents a new feature or feature request rather than a bug or bug fix needs triage This issue needs to be triaged by the team labels Aug 15, 2022
@forsti0506 forsti0506 changed the title feat(cdk/drag-drop): Keyboard and Screenreader Accessibility feat(cdk/drag-drop): Proposal for Keyboard and Screenreader Accessibility Aug 20, 2022
@forsti0506
Copy link
Contributor Author

@crisbeto (marking you because you reviewed my last PR) - Do you think it is useful to do more work on providing accessible drag and drop?

@andrewseguin andrewseguin added P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent area: cdk/drag-drop and removed needs triage This issue needs to be triaged by the team labels May 20, 2023
@Patel-Muhammad Patel-Muhammad mentioned this issue Jul 26, 2023
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
area: cdk/drag-drop feature This issue represents a new feature or feature request rather than a bug or bug fix P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@andrewseguin @forsti0506