視覚障害者がWebサイトにアクセスできるようにしますか？

Question

誰かが私にいくつかのヒントを与えたり、これに関するいくつかの良いリンクを私に接続できますか？

「画像に代替テキストを追加する」以上のことを見つけるのに苦労しており、情報がどの程度最新かわからない...

iはセマンティックマークアップ全体を取得しますが、おそらくそれについてもう少しガイダンスがあれば実行できます。

また、異なるブラウザ間で物事がどのように機能するかわからない....

ありがとう！

Answer 1

1）ページのコンテンツのすべてのセクションにHTMLの見出しタグを使用します。見出しタグ：h1、h2、h3、h4、h5、h6

2）前述の見出しタグが適切な階層順序で存在することを確認します。たとえば、h1タグはh2タグよりも重要です。スクリーンリーダーはこれらの見出しタグを使用して、ページのコンテンツをナビゲートします。それらが存在しない、または不適切に注文された場合、視覚的に不自由なユーザーはページのコンテンツをナビゲートできません。

3）テキストを変更することをユーザーに最初に促すことなく、JavaScriptを使用して画面上のコンテンツを動的に変更しないでください。スクリーンリーダーがコンテンツを読む前にJavaScriptが画面上のテキストを変更した場合、視覚的に不自由なユーザーはコンテンツが変更されたことを知ることができません。

4）ユーザーに1000個の画像を提供しないでください。画像が関連するコンテンツを伝えていない場合は、CSS背景画像にします。

5）特にアンカータグでは、title属性を慎重に使用してください。これにより、ユーザーがどこに行こうとしているのかがわかります。

6）代替コンテンツとして伝達できないテキストを画像に配置しないでください。視覚障害者は画像を読みません。

7）すべてのメタデータが関連していることを確認します。コンテンツを変更する場合は、説明的なデータの余分なビットを忘れないようにしてください。

8）AJAXはアクセシビリティを無効にします。 AJAXの使用に親切にしてください。

9）視覚的に不自由な、実際にはほぼすべての視覚ユーザーは、ページがどれだけきれいかを気にしません。彼らは情報、買い物、その他の特定の目的を得るためにそこにいます。データを理解しやすく、すばやく取得できるようにします。ユーザーが入ることができない場合、欲しいものを手に入れてから、記録的な速さで出て、二度と戻ってこないでしょう。

10）HTMLでプレゼンテーションタグまたはプレゼンテーション属性を使用しないでください。スタイルシートを使用します。 HTMLにプレゼンテーション規則が含まれている場合、おそらくアクセス可能ではありません。

11）コンテンツがHTMLで記述されている方法とは視覚的に異なる順序で上から下に存在する場合、アクセシビリティに失敗する可能性があります。物事を整然と一貫した状態に保ちます。ユーザーは、コンテンツが上から下に流れ、タブのインデックス付けがコンテンツの流れに従うことを期待しています。

12）スクリーンリーダーソフトウェアを使用してユーザビリティテストを実行します。見てもページがどれだけアクセス可能かを知ることはできません。

Answer 2

私は完全に盲目で、これらの年月が過ぎてもまだalt属性を持たないものがどれだけあるかに驚かれることでしょう...注意してください。グラフィックが許可されている（間違っている）、タルブが悪い（間違っている）、フレームが悪い（間違っている、他の理由でフレームが悪いことに気づきます）。 westbchris@gmail.comで私にメールしてください。もう1つ、ボタンやリンクを実際に実行するコントロールを作成してみてください。クリック可能なdivは、何もしないことは明らかではないためクールではありません。使用している支援技術によっては、クリックすることすらできない場合があります。

Answer 3

アラートボックスからこの説明をご覧ください：

無効なユーザーとウェブ（この記事は1996年のものですが...問題はまだ当てはまりますが、今日はそうではありません）

...次に、デザインガイドラインを含む148ページのレポートへの下部のリンクをたどります（ドキュメントは2001年に著作権が保護されているため、元のドキュメントから更新されている必要があります）。

Answer 4

この用語はアクセシビリティです。 W3CのWAIウェブサイトをご覧ください。 Juicy Studio は、アクセシビリティを議論する記事にとって非常に貴重なリソースであることが常にわかっています。

Answer 5

マスターと実装が難しい詳細な定義があります。例には、 Webコンテンツアクセシビリティガイドライン（WCAG）およびセクション508 。

公式の提案ではありませんが、テキストブラウザでサイトを簡単にナビゲートすることです。コンテンツを伝えるために色や構造に依存しないでください。重要な機能をウィジェットに頼らないでください。

編集：JAWSまたは別のスクリーンリーダーでサイトをテストする必要はないと付け加えます。サイトをナビゲートできないことは、サイトにアクセスできないことよりも、スクリーンリーダーを使用した経験が少ないことに関連します。つまり、ターゲットユーザーのサンプルを使用してサイトのユーザビリティをテストすることは非常に有益です。

編集＃2：コメントで説明したように、スクリーンリーダーでの経験に基づいてサイトの使いやすさを判断してはならないことを伝えるつもりでした。そうは言っても、スクリーンリーダーを含むWebサイトを表示するために使用するブラウザー/機器にWeb開発の誰もが触れることをお勧めします。元の編集では不十分な表現でした。

Answer 6

まあ、誰もWAI- ARIA に言及していないようです。アクセス可能なリッチインターネットアプリケーション。 IEがGmailのようなものにアクセスできるようにします。そして、 wai-ariaの別の記事のようなものを見つけるためのまともな検索用語。すでにかなりサポートされています。