react-modal のアクセシビリティまわりの実装を読む

テクノロジーカテゴリーの変更を依頼記事元:

zenn.dev/ymrl

43 usersがブックマークコメント

コメント

2

記事へのコメント2件

注目コメント
新着コメント

t_f_m "後半はEscキーで閉じる処理ですね（stopPropagation() は何のためだろう……）" / 多段modal（modalからmodalを呼んでいるような状態）で一番上のmodalだけ閉じられるように制御してるとか

2020/10/27 リンク

tsukuruiroiro 勉強になった。モーダル一つとっても配慮しなきゃいけないポイントが結構あるのね

2020/10/26 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

react-modal のアクセシビリティまわりの実装を読む

react-modalのアクセシビリティまわりの実装について、ソースコードを読んでみたかったのでその記録を残... react-modalのアクセシビリティまわりの実装について、ソースコードを読んでみたかったのでその記録を残します。特にことわりがない限り、 v3.11.2 の内容に基きます。ドキュメント react-modalのドキュメントには accessibility という項目があり、3つの機能について説明があります。 The app element Keyboard Navigation ARIA attributes The app element 主にスクリーンリーダーのユーザー向けの機能で、 aria-hidden 属性によって、モーダルが開いているときにページコンテンツを非表示と同じような状態にする機能です。視覚的にモーダルウインドウがページコンテンツの上に被さるように表示されている＝ページコンテンツが隠されているのを、スクリーンリーダー向けにはモーダル以外の部分に aria-hid

ブックマークしたユーザー

techtech05212024/04/08
d-haru2023/04/30
miki_bene2021/12/19
utgwkk2021/07/13
klim08242021/03/28
h_notsu2021/01/13
uraito2020/10/27
m10maeda2020/10/27
emmeleia2020/10/27
uzimith2020/10/27
hasunuma06132020/10/27
slay-t2020/10/27
winterfall2020/10/27
superblueplanet2020/10/27
t_f_m2020/10/27
mizchi2020/10/27
ytsk2020/10/27
ikesyo2020/10/27

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx