問題タブ [wcag]

HTML5 の<video>タグを使用して音声のないビデオを実装しています。ビデオの自動再生と自動ループ (ループを削除するボタンも追加すると仮定) がアクセシビリティの問題を引き起こすかどうかを調べようとしていますか? 音声だけでなく、音声付きの動画に関してもルールがあることは承知していますので、この動画が事実上 GIF と見なされるかどうかも疑問です。

ビデオは参考のためにここにあります: http://www.med.uottawa.ca/bmi/eng/lee.html

私のフォームには、画像（ボタン+テキスト）の送信ボタンがあります。エンプティを持っているvalue=""のでボタン画像に干渉しません。

アクセシビリティを必要とするユーザーがこのボタンを理解できるようにするにはどうすればよいですか?

(隠された) ラベルは適切でしょうか?

ラベル タグをドロップダウン メニューに関連付けて、スクリーン リーダーがアクセスできるようにしようとしています。p:selectOneMenu primefaces を使用すると、そこにあってはならない入力要素が生成されることに気付きました。p:outputLabel を適用すると、問題なく動作するように見えます (つまり、ラベル テキストをクリックすると、フォーカスがドロップダウン メニューに移動します)。ただし、実際にはフォーカスが入力要素に移動しており、select 要素はキーボードでアクセスできません (tabindex="-1")。以下は、primefaces Web サイトからの例です: http://www.primefaces.org/showcase/ui/input/oneMenu.xhtml

html だけがロードされたページを見ると、各 p:selectOneMenu が入力と選択を生成していることがわかります。

ドロップダウン メニューが JSF の h:selectOneMenu (アクセシビリティに関して) のように動作するようにしたいと考えています。この例に固有のものとして、「Basic:」ラベルをドロップダウン メニューに関連付けて、「Basic」をクリックするとフォーカスがドロップダウン メニューに移動するようにします。また、スクリーンリーダーが実際にそれを入力要素ではなく選択要素として扱うことも望んでいます。これまでのところ、生成された入力要素のため、これを行う方法が見つかりません。現在、Primefaces 5.2 を使用しています。この入力要素が生成されないようにする方法を知っている人はいますか?

PDF ドキュメントでは、特定の用語を明確にしたり、追加情報を追加したりするために、各ページの最後に脚注が配置されることがあります。

例えば：

脚注に相当する HTML Web ページを作成したいと考えています。

ページは、 Web コンテンツ アクセシビリティ ガイドライン (WCAG) 2.0のレベル AA に基づくアクセシビリティ ガイドラインを満たしている必要があります。Web ページもHTML4である必要があります。

私が最初に考えたのは、ウィキペディアの参考文献セクションのような脚注を作成することです。しかし、私のウェブページは非常に長くなる可能性があり、スクロールダウンしてから元に戻す必要がある場合、ユーザーの方向感覚を失わせ、何を読んでいたか分からなくなるのではないかと心配しています. したがって、これはアクセスできません。(間違っていたら訂正してください。)

Javascript は、一部のユーザーが無効にすることを選択する可能性があるため、明らかに禁止されているため、それに依存することはできません。

提供された追加情報で新しいウィンドウを開くことを検討しました。ただし、新しいウィンドウを開くと、アクセシビリティに関してもまったく新しいワームの缶が開くので、できれば避けたいと思います。

タグがあることは認識しています<cite>が、私の理解では、このタグは参照を引用するためのものであり、追加情報を提供することが目的である場合は適切ではありません。（繰り返しますが、私が間違っている場合は修正してください。）

私の質問は、Web ページにアクセシブルでなければならないという条件で、PDF 文書の脚注に相当するものを Web ページに追加する最良の方法は何でしょうか?

My goal here was to make a submenu with sane keyboard and screenreader behavior, using:

• AngularJS
• jQuery
• Bootstrap 3
• the CSS submenu implementation from 'css - Bootstrap 3 dropdown sub menu missing'

Here's a starting point showing how submenus (don't) work with the keyboard without any customization:

Here's a JSFiddle of the above. I'll post my solution in the answers, but I don't think it's perfect; I'm interested in feedback or alternatives.