feat(cdk/drag-drop): Proposal for Keyboard and Screenreader Accessibility
- Ngôn ngữ chính
- TypeScript
- Star
- 25k
- Fork
- 6.8k
- Merge trung bình
- 1 ngày 8 giờ
- Pull request đã merge (30 ngày)
- 91
Mô tả
### 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):
https://github.com/angular/components/commit/1c50475095a7ecf3c1f142c820d3f5a71f0070b8
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!
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu với điểm truy cập Angular CDK Drag and Drop và xem xét đề xuất mã được liên kết cùng với các phương pháp hay nhất về W3C ARIA DragDrop. Làm rõ hành vi được chấp nhận đối với bàn phím, trình đọc màn hình, tiêu điểm và chuyển động trước khi xác định phạm vi triển khai và kiểm thử; hoàn thành nghĩa là có một thiết kế trợ năng đã được thống nhất và hành vi của các tương tác được đề xuất đã được xác minh.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- angular, typescript
- Lĩnh vực
- accessibility, frontend
- Loại issue
- Tính năng
- Độ khó
- 5/5
- Thời gian dự kiến
- Hơn một tuần
- Mức độ hoạt động
- Ít trao đổi
- Độ rõ ràng
- Cần làm rõ
- Mức phù hợp với người mới
- 30/100