ionic-team / ionic-team/ionic-docs

content: using "aria-labelledby", as suggested by the Accessibility Guidelines, never worked with modals

Đang mở
#3,809 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
content
Ngôn ngữ chính
MDX
Star
621
Fork
3.2k
Merge trung bình
1 ngày 2 giờ
Pull request đã merge (30 ngày)
86

Mô tả

### URL

https://ionic.io/docs/accessibility/ion-modal

### Issue Description

In the Accessibility Guidelines for modals, it says:

> In the above example the logical choice for an accessible name would be the `ion-title` of "Welcome". We can associate the modal with this by setting the `aria-labelled` attribute and giving the `ion-title` an id:

Leaving aside that it should be `aria-labelledby`, this has never worked as the only two attributes that are pushed down to the actual `div` that also gets assigned the `role` attribute of "dialog" are `role` and `aria-label`, as seen here in [the code for modal](https://github.com/ionic-team/ionic-framework/blob/main/core/src/components/modal/modal.tsx#L367).

So either the code needs a fix to support `aria-labelledby`, or the docs need to be adjusted.

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

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Bắt đầu với hướng dẫn về khả năng truy cập tại https://ionic.io/docs/accessibility/ion-modal và phần triển khai modal được liên kết trong core/src/components/modal/modal.tsx, quanh dòng 367. Xác minh hành vi aria-labelledby được ghi trong tài liệu dựa trên phần triển khai; công việc được xem là hoàn tất khi либо hỗ trợ aria-labelledby trong modal hoặc sửa lại hướng dẫn để mô tả thuộc tính được hỗ trợ.

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

Đánh giá

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

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.