私は ember.js アプリをよりアクセスしやすくしようとしており、Apple の組み込みの VoiceOver ユーティリティを介してテストを行っています。ビューに必要に応じてariaRolesを追加し、ナビゲーションの目的が不明確な aria-label 属性を追加しています。読者の焦点がモーダルの背後にあるページ項目にとどまっているため、モーダル アラートに焦点を当てるのに問題があります。スクリーン リーダーのモーダル アラートでフォーカスを処理した経験のある人はいますか? ビューで「ariaRole:'alertDialog'」を宣言すると、そのようなダイアログに適切な役割が設定され、この役割のフォーカス動作がスクリーン リーダー間で異なる可能性があるという印象を受けました。ありがとう!!!
質問する
3075 次
1 に答える
5
私はモーダルのものを直接経験していません。本質的にあなたの問題は、ARIAの役割を投げかけていることであり、それが機能することを期待しています。それ以上のことをする必要があります。次の点に注意する必要があります。
- リンク/ボタンが押されたら、フォーカスをモーダル ウィンドウ/ダイアログ/ポップアップに移動します。ほとんどのモーダル要素は単純に
<div>
.<div>
の属性を与えることができますtabindex="-1"
。 - モーダル ウィンドウ内にフォーカスをトラップします。
- ユーザーがエスケープを押して閉じることを許可する
- 閉じたら、フォーカスをリンク/ボタンに戻します
資力
- ライトボックスによるキーボードのアクセシビリティ
- UX StackExchange での同様の質問
- デモ モーダル ダイアログ- これはまだ開発中だと思います (作者からしばらく連絡がありません)。
- jQuery の Google グループ スレッド (Hans は、この件に関するトップの人物またはその 1 人です)
于 2012-07-02T19:21:01.147 に答える