8

すべてのデバイス (iPad、iPhone、および PC) で互換性のある視覚障害者向けの Web サイトを作成しようとしています。良いデモとチュートリアルを探しています。

点字ディスプレイを使って視覚障害者向けのウェブサイトを作る方法を教えてください。

どうもありがとう。

4

2 に答える 2

2

他に何もしない場合は、次の 3 つのことを覚えておいてください。

  • コンテンツが最も重要です (UI ではありません)。次に重要なことは、適切なセマンティック HTML を使用することです。見出し H1 から H6 を賢く使用して、コンテンツの構造を示し、必要に応じてリストを使用します。
  • 2 番目に重要なことは、画像の適切な代替テキストを作成することです。短い説明テキストを使用して、画像の機能を説明します (「警告」または「れんが造りの家」)。画像が純粋に装飾的であるため特に読み上げたくない場合は、代替テキストを省略するのではなく、空の文字列に設定します。
  • 最後に、サイトをきれいに見せるためにスタイルを設定したい場合は、CSS を使用してこれを行います。スクリーン リーダーは CSS を無視しますが、見栄えが良ければサイトの信頼性が高くなります。

最後に、目の不自由な人がサイトの主な対象者である場合は、Ajax を使用しないことを検討してください。スクリーン リーダーはさまざまな程度で Ajax に対応していますが、ページ全体を更新できるサイトははるかに使いやすいです。

「Web アクセシビリティ」に関するサイトは他にもたくさんありますが、これが中心的な基盤です。

于 2011-05-06T16:09:45.340 に答える