ionic-team / ionic-team/ionic-docs
content: using "aria-labelledby", as suggested by the Accessibility Guidelines, never worked with modals
- 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
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