問題タブ [wcag]
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.
validation - AngularJs フォームの最初の無効な入力にフォーカスを設定する
AngularJs でのフォーカスの設定に関するいくつかの記事と StackOverflow の質問を読みました。
残念ながら、私が読んだすべての例は、focusMe ディレクティブなど、要素に追加してフォーカスを得ることができる属性があることを前提としています。
ただし、フォーカスを設定する入力を事前に知らない場合はどうなりますか? 特に、$invalid が設定されているフォームの最初の入力要素、つまり検証に失敗した要素にフォーカスを設定するにはどうすればよいですか。検証に失敗する入力がいくつかある可能性があるため、これに基づいて .focus() を呼び出そうとするだけのディレクティブは使用できません。(私はアクセシビリティ/WCAG の理由でこれを行っています。検証に失敗した最初のフィールドを見つけるためにキープレスを最小限に抑えるために、送信時にクリックすることをお勧めします)。
$error オブジェクトは、検証に失敗したすべてのコントロールを提供しますが、フォームに表示される順序ではなく、失敗の種類によってグループ化されます。
私はこれを行うためのいくつかの巧妙な方法を思い付くことができると確信しています。フォーカスを設定する必要があるときに何らかのブロードキャストを受信するフォーム上のディレクティブ - そのディレクティブは、最初の $invalid 要素を検索できます。ただし、これは非常に複雑に思えます。これがより「角度のある」方法であるかどうかを知りたいです。
html - text-indent を使用してスプライト画像に短い説明を提供することは WCAG に準拠していますか?
作業中のサイトを WCAG 2 に準拠させようとしています。このサイトは画像スプライトを使用しており、画像スプライトの使用を全体で置き換えるのは困難です。そのため、次の手法かどうかを判断しようとしています。
十分に準拠しています。ドキュメントを読むと...不明です。
非装飾imgタグの使用altは間違いなく要件です: H37: img 要素で alt 属性を使用する
mediaobjectの場合は、コンテンツのラッピングで十分です: H53: Body of Object
divしかし、飾り気のないイメージのaaのボディを使ってbackground合格するかどうかは、あまり明確ではありません。
誰かがこれについて話すか、標準の関連ページを教えてもらえますか?
accessibility - 再生/一時停止ボタンの wcag 準拠の問題
サイトを WCAG に準拠させる一環として、カルーセル用の再生/一時停止ボタンを追加しています。ここでは、スクリーン リーダーが別の方法で読み上げています。
この場合、スクリーン リーダーは一時停止ボタンを2 本の垂直線として読み取り、再生ボタンのグループを読み取ります。代わりにスプライト画像を使用すると、再生/一時停止ボタンの両方のグループとして読み取られます。両方にイメージタグを使用する代わりに、この問題の良い解決策はありますか?
sharepoint - Sharepoint ページ、自動生成された HTML 行を削除して WCAG Web 標準に合格
Web サイトで WCAG Web 標準を達成しようとしていますが、以下の HTML コードでエラーが発生しています。以下のコードを削除したいのですが、Sharepoint によって自動生成されています。この問題を解決するにはどうすればよいですか?
ios - ナレーションで電話番号が正しく読み上げられない
以下の形式の電話番号があります
1-1xx-2xx-9565
現在、VO では「One (ポーズ) One xx (ポーズ) two xx (ポーズ) - 9,565 」と読みます。
VO は、「One (一時停止) One xx (一時停止) two xx (一時停止) 9 5 6 5」と読みます。
何が問題なのですか？これは間違った電話形式ですか？
html - フォームを変更して WCAG の送信ボタンを含める
私は現在、次のようなフォームを持っています:
すべてのフォームに送信ボタンが必要なため、現時点では WCAG 2.0 エラーが発生します。
このコードを変更して送信ボタンを含める方法を考えています。onchange オプションのコードは非常に複雑で、私には理解できません。
ありがとう。
html - 電話番号とスクリーン リーダー
スクリーン リーダーで数字を読み上げる標準的な方法はありますか?
私は現在 NVDA と Firefox を使用しており、次の電話番号を持っています。
これは次のように読みます。
0 1 2 3 4 5 67 8 190
これは聞き手にとってかなり混乱を招きます。スクリーンリーダーが次のように数字を綴る必要があることを指定する方法が欲しい
ゼロ ワン ツー スリー フォー ファイブ シックス セブン エイト ナイン ゼロ
html - 順序付けられていないリストのセマンティック セパレータ
私は少し見回して、区切り記号が意味を持つリストに区切り記号を挿入する最もセマンティックな方法を探しています。
アイテムのリストはメニューであり、2 つの個別のリストに分けるには十分な長さではありませんが、グループ化の追加レイヤーがあることを示す方法が必要です。
これをスクリーン リーダーに適したものにしたいのでborder-bottom、"Beef" アイテムに a を追加するような CSS のみのソリューションは実際には機能しません。HTML を変更することはできますが、最終的に 2 つのリストが別の要素でラップされるような解決策は望んでいませんが、そうでなければ納得できます。
リスト内のセマンティックセパレータを示す、セマンティック/WCAG準拠の優れた方法はありますか?