Improve toast accessibility

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

Maintainer thường phản hồi trong vòng 1 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức phù hợp với người mới
42/100
Loại issue
Tính năng
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Đình trệ
Công nghệ
typescript
Lĩnh vực
accessibility, frontend

Hướng nghiên cứu

Không có tệp, bài kiểm thử hay điểm vào nào được nêu tên. Trước tiên, hãy xác định phần triển khai toast và hành vi accessibility hiện có của nó, sau đó xác định loại thông báo nào cần được thông báo và liệu ngữ nghĩa alert được đề xuất có áp dụng hay không. Công việc được xem là hoàn tất khi loại toast đã thống nhất được truyền đạt đến người dùng trình đọc màn hình và hành vi accessibility liên quan được kiểm thử.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

Some suggestions:

1. State the type of message

Announcing the type first (like "Error: [message]"), this is generally a good practice:

  • It immediately communicates the severity to screen reader users
  • It helps users mentally prepare for the information
  • It provides context similar to how visual users get from the colors/icons
<div aria-live="assertive" aria-atomic="true">
  <span class="visually-hidden">Error:</span>
  <p>Your form submission failed. Please try again.</p>
</div>

2. Use role="alert"

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role
For stronger levels like error or warning, I think this fits the use case

Ngôn ngữ chính
TypeScript
Star
19
Fork
9
Merge trung bình
23 giờ 39 phút
Pull request đã merge (30 ngày)
62

Chuẩn bị môi trường

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 nextcloud-libraries/nextcloud-dialogs

Tất cả issue của nextcloud-libraries/nextcloud-dialogs

Issue tương tự

Thêm issue về TypeScript

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.