問題タブ [web-accessibility]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - アクセシビリティ - Control+Option+Space でドロップダウンが開かない (要素を選択)
次のような Select 要素があります。
Mac で VoiceOver を有効にして Chrome を使用している場合、Space を使用するとドロップダウンが開きますが、Control+Option+Space を使用するとドロップダウンが開きません。どうすればこれを解決できますか?
html - 2 つのテキスト要素間の空白を削除すると、アクセシビリティの問題はありますか? （例：スパン、a）
この HTML を使用することで何らかの形でアクセシビリティが損なわれるのではないかと考えています。
これの代わりに：
またはこれ：
私はスクリーン リーダーのコンテキストで考えています。「PrivacyTerms」ではなく、2 つの異なる単語であることを適切に認識しますか? <span>またはの代わりに他の要素を使用している場合、違いはあり<a>ますか?
空白を時々削除する理由は、要素間の正確なギャップ (余白) を CSS で指定したいからです。ソースに空白を保持すると、選択可能なフォントサイズに応じて視覚的なスペースが追加されます (特に煩わしい)ある要素から次の要素にカーソルを移動すると、カーソルが からpointerに変化するため、要素がクリック可能な場合)。この問題を解決するためのより良い方法があれば、ぜひ聞いてみたいです。textdefault
javascript - 矢印キーを使用してコンテナ内の次のタブへのクリック イベントを設定する
3 つのタブを持つフィルター コンテナーがあります。現在選択されているタブのクラスはag-tab-selected. コンテナーが読み込まれると、最初のタブが常に選択され、ag-tab-selectedクラスが表示されます。左右の矢印キーでタブ間を移動できる必要があります。
ユーザーが右矢印キーを押すとag-tab-selected次のタブにクラスが適用され、左矢印キーが押さag-tab-selectedれると前のタブにクラスが適用されます。.click()ユーザーが矢印キーを押したときに、選択されたタブに基づいてビューが変更されるように、現在のタブもそれに適用されている必要があります。現在、使用可能なタブをループして現在のタブにトリガーを適用できますが、矢印キーを使用して前または次への反復に問題があります。
現在のフィドルへのリンク:リンク
html - ゲームの ARIA 属性を修正する
ほとんどの場合、一般的にマウスでプレイするゲームであり、視覚的表現なしでプレイする意味がない場合、ARIA を使用して Web ページをマークするにはどうすればよいですか?
特定の ARIA がない場合は、言い換えてみましょう: Web ページが残念ながら目の不自由なユーザーには使用できないことをどのように発表できますか?
基本的に<noscript>、ゲームには JavaScript が必要であることを説明するタグがあります。スクリーン リーダーのみのユーザーに、視力に関する同様の説明をどのように説明すればよいですか?
コンテキスト: 典型的なマッチ 3 ゲームです。矢印キーでボードをナビゲートし、アイテムを交換して方向を選択するという点で、キーボード アクセスを追加できます (そして追加する予定です)が、Enter目の見えないユーザーにはまだ役に立ちません。
一手ごとに盤面を読み上げようとしても、誰の役にも立たないと思います。 .