web-dev-qa-db-ja.com

アクセシビリティ-キーボードフォーカスの順序-フォームに直接タブするか、すべての要素をタブで移動しますか?

背景情報:

オンタリオ州の新しいAODA法に従って、アクセシビリティ監査を実施しています。

http://www.e-laws.gov.on.ca/html/source/regs/english/2011/elaws_src_regs_r11191_e.htm#BK15

アクセシビリティに関するWCAG 2.0ガイドラインに準拠しています。

http://www.w3.org/WAI/WCAG20/quickref/Overview.php

質問:

フォームのあるWebサイトページの場合、ページが最初に読み込まれるとき、タブオーダーは次のようになります。

  1. フォームに到達する前のロゴ、テキスト、画像などの各コンテンツ要素?便宜性は低下しますが、ページに自分自身を向けることができるスクリーンリーダーを使用するユーザーにとって、よりアクセスしやすくなります。

  2. フォームに直接入力しますか?便宜上、ユーザーのオリエンテーションを失う。

ガイドラインはこちら: http://www.w3.org/WAI/WCAG20/quickref/Overview.php#keyboard-operation

基本的に、大部分のユーザーはフォームにフォーカスを直接設定するように言っていますが、そのガイドラインを満たしていない可能性があるので心配です。それとも、そのルールを適切に解釈していないのですか?

注:私はアクセシビリティの専門家ではありませんが、この監査を行うように求められましたが、これが明らかになりました。皆さんがこのガイドラインにどのように取り組むかについて本当に興味があります。

5
Pdxd

それらをそのままの形にしないでください。ユーザーはそれを期待しません。

まともなアクセス可能なWebサイトの上部には スキップリンク があり、ユーザーはとにかくページのコンテンツに直接ジャンプすることを選択できます。そして、そうでない場合は、適切なヘッダーもそこにあるはずなので、H(または、使用しているスクリーンリーダーに応じて同様のキー)を押すと、H1に直接ジャンプできます。

忘れないでください。スクリーンリーダーを使用してサイトを閲覧し、モニターをオフにして、すべてを理解できるようにする必要があります。表示されない限り、アクセスしたページのほとんどがフォームであることを知らない可能性がありますが、目の不自由なユーザーにはそのような贅沢はありません。

スクリーンリーダーのユーザーは、サイトをすばやくブラウジングすることに長けています。サイトがまともなマークアップで構築されている場合、サイトのコツがすぐにわかるため、提案されているような「役立つ」タブオーダーを導入することは、サイトの残りの部分の慣習に違反するため、ヘルプよりも妨げになる可能性があります。動作します。 (たとえば、最初にメインメニューにあるアイテムの方向を決めた後、1を最初のH1に移動するか、Hを最初のヘッダーに移動するか、tab x 3は、「コンテンツにジャンプ」するためのさまざまなスキップリンクを循環させ、ニアリフレックスを介してenterを押します。これは、サイトの他の5ページで行ったことと同じです。

また、ページに複数のフォームがある場合はどうなりますか?次に、カーソルをどこに置きますか?または、そこに検索フィールドがある場合(これもフォームです)?

そう、そうです、あなたはサイトが一貫していて、スクリーンリーダーユーザーが十分に速くナビゲートすることを保証するべきです。

4
JonW