問題タブ [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.
php - 継続的インテグレーション環境で WCAG の html を検証する方法は? (ジェンキンス)
CIにJenkinsを使用しています。
私たちのコードは主に PHP (Zend フレームワーク) で作成されており、すべてのコミットが WCAG 標準に準拠していることを検証したいと考えています。
または、いくつかのカスタム ルールを使用して HTML を検証したいと考えています (ALT 属性のない IMG タグがない、lang のない HTML タグがない、など)。
役立つ可能性のある優れたプラグインを知っている人や、ソリューションを実装するためのリードがある人はいますか?
ありがとうございました
javascript - ページ読み込み後にフォーカスを強制する ~unique
情報:
スクリーン リーダー: Jaws 14、Apple Voiceover
ブラウザ: IE、Chrome、Firefox
そのため、スクリーン リーダーを介してアクセスできるようにしようとしている Web フローがあります。現在は複数の VM で構成されています。ヘッダーにはメイン コンテンツへのスキップがあるため、ユーザーはフローの各ページに表示される冗長なヘッダーをスキップできます。私の問題は、ページの本文がスクリーン リーダーによって無視されることです。次のコードを使用してコンテンツに注意を向けることができ、スクリーン リーダーはそこから読み上げます。
次に、次のようにアンカーとして使用するタグ:
これはうまく機能しますが、すべてがページのヘッダーをスキップします。
だから私の質問は、ページの上部に戻るようにフォーカスを合わせる方法はありますか、それともコンテンツを強制的にスクリーン リーダーに読み込ませて直線的に読み上げるより良い方法はありますか?
私はIEでのみこの問題を抱えています(そう、誰がそれを期待していたでしょうか)。Voiceover と Jaws 14 は、他のブラウザでは問題ありません。
この説明が明確であることを願っています。そうでない場合は、必要に応じてさらに詳しく説明できます。
お時間をいただきありがとうございます。
javascript - コンテンツをタブで移動すると、jQuery スライダーが再配置される
jquery スライダー内でリンクされたコンテンツをタブで移動すると、スライドの位置が :focus のリンクにジャンプし、スライドの配置が崩れます。アクセシビリティの観点から、標準のキーボード ナビゲーションは私にとって重要です。
かなり経験の浅い jquery コーダーです。
私が働こうとしているのは
html - ナビゲーションで現在のページに使用する ARIA 状態ロール
最近、ARIA を Web アプリケーションに実装していますが、この質問はナビゲーション部分の改善に非常に役立つことがわかりました。
これをすべてのモジュールに実装した後、次の HTML 検証エラーを発見しました。
この時点
aria-selected
で要素に属性を使用できません。a
ARIA の仕様を見ると、これaria-selected
はロール gridcell、option、row、および tab でのみ使用されていることがわかります。私の場合、リンクの役割はmenuitem
.
これは、HTML コードの代表的なサンプルです。
ご覧のとおり、これは「ページ 3」で撮影されています。
ここで使用する正しい ARIA ロールは何ですか?