Improve top bar menu navigation for keyboard and screen reader users

Đang mở
#430 6 bình luận 0 reaction 1 người được giao Xem trên GitHub

@OsirisMedici đang làm issue này rồi.

Từ ngày 3/3/2023.

Đánh giá

Issue này chưa được đánh giá.

Mô tả

Accessibility Enhancement Help Wanted

The top bar of the Processing website's dropdowns are not properly accessible for keyboard and screen reader users.

Current behavior
  • Tabbing through the top bar menu gives limited information about the nature and state of dropdown buttons.
Desired behavior
  • When tabbing through the menu, screen reader should announce "[button name] menu button collapsed submenu."
  • When pressing enter, screen reader should announce "expanded" and actually expand the submenu.

This can be achieved using aria-expanded and aria-controls.

Example

A good example of an accessible menu with dropdowns can be found here: https://www.audioeye.com/consultants/

References

Further information about dropdown accessibility can be found here: https://accessuse.eu/en/drop-down-menus.html

Ngôn ngữ chính
MDX
Star
90
Fork
122
Merge trung bình
1 giờ 43 phút
Pull request đã merge (30 ngày)
3

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của processing/processing-website

Tất cả issue của processing/processing-website

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.