0

ブートストラップ HTML デザインを作成しました。現在、障害のある人でもページを完全に読み取ったり表示したりできるように、ページを強化することを考えています。たとえば、目の見えない人や耳が聞こえない人。

したがって、これらの人々は通常のブラウザの代わりに特別なスクリーン リーダーを使用していると思いますが、サイト開発者として、HTML の観点からどのような手順を踏む必要があるのでしょうか。そうすれば、スクリーン リーダーは私の Web ページのコンテンツを簡単に伝えることができます。

特別な JS プラグインまたは HTML タグを使用している場合、アドバイスをお願いします。

4

1 に答える 1

6

視覚障害者が通常のブラウザではなく特別なスクリーン リーダーを使用しているというのは、あなたの誤解です。はい、彼ら (実際、私たち) はスクリーン リーダーを使用していますが、通常のブラウザーを使用しています。
スクリーン リーダーは、画面上のテキストを音声や点字に変換するソフトウェアであり、目の見えない人が目の見える人の助けを借りずにそれを認識できるようにします。
Web ページを目の不自由な人がアクセスできるようにするには、Web コンテンツのアクセシビリティ ガイドライン (WCAG 2.0)に従ってください。

最初のステップとして、次のことを確認してください。

  • すべての重要な画像には代替テキスト (alt属性) があります。
  • この色だけのアイテムはありません。たとえば、これはアクセスできません。

フォームに入力してください。赤でマークされたフィールドは必須です。

これにアクセスできるようにするには、次のことができます。

  • テキストはそのままにして、必須フィールドをrequired属性でマークします。
  • 次のようにテキスト (およびそれに応じてデザイン) を変更します。

フォームに入力してください。アスタリスク ( * ) が付いているフィールドは必須です。

これは確かにアクセス可能です。次に、チェックする必要があるものに戻ります。

  • セクションのタイトルは、見出し ( <h1>...<h6>タグ) でマークする必要があります。また、テキストの一部を太字にしたり、単に「見栄えを良くしたりする」など、他の目的で見出しを使用しないでください。
  • 重要なテーブルはすべて適切にマークアップする必要があります。<caption>、<th>およびその他の便利な要素を使用します。
  • HTML 5 セマンティック マークアップを使用します。記事、メモ、脇の要素、セクション、ナビゲーション ブロックなどは、それに応じてマークアップする必要があります。

聴覚障害者向けのアクセシビリティに関しては、Web アプリケーションに音声アラートがある場合に視覚的なフィードバックを提供する必要があることを除いて、そのような厳密な要件はありません。また、Web サイトに投稿するすべてのサウンド ファイルとビデオ ファイル (インタビューなど) について、テキストによる説明を提供するのが理想的です。

于 2014-09-04T14:36:44.280 に答える