ionic-team / ionic-team/ionic-docs

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

オープン
#3,809 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
content
主要言語
MDX
スター
621
フォーク
3.2k
平均マージ
1日 2時間
マージ済み PR(30日)
86

説明

### 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.

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

Start with the accessibility guidance at https://ionic.io/docs/accessibility/ion-modal and the linked modal implementation at core/src/components/modal/modal.tsx around line 367. Verify the documented aria-labelledby behavior against the implementation; done means either supporting it in the modal or correcting the guide to describe the supported attribute.

索引モデルが issue の本文から書いたものです。

評価

領域
accessibility, documentation
issue の種類
ドキュメント
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
45/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。