エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
role="status"のメッセージが読み上げられない!? - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
role="status"のメッセージが読み上げられない!? - Qiita
起こったこと HTMLの構造を変えた結果、role="status"内のメッセージがスクリーンリーダーに通知されな... 起こったこと HTMLの構造を変えた結果、role="status"内のメッセージがスクリーンリーダーに通知されなくなった。 role="status" role="status"を持つ要素内のコンテンツの変更がスクリーンリーダーに通知されるようにするためには、当たり前ですが 「role="status"を持つ要素がアクセシビリティツリー状に存在すること」 という条件があります。 これだけ見ると「?何言ってんだ」と思いますが、今回はこれに引っかかりました。 dialog(aria-modal="true") 結論からいうと、犯人はこいつでした。 dialog要素はshowModal()メソッドで呼び出された時にaria-modal="true"を指定したのと同じことになり、 さらにブラウザが対応していればdialog以外のコンテンツがinert属性で不活性化された状態と同じになります。 つ