わずか10分でウェブサイトにアクセスできるようにする方法

開示: あなたのサポートはサイトの運営を維持するのに役立ちます!このページで推奨する一部のサービスについては、紹介料を稼ぎます.


10分でウェブサイトにアクセスできるようにする

ウェブサイトのアクセシビリティは大きな問題ですが、ほとんどの人はあまり考えていません。少しの間、身体の動きが制限されていると想像してみてください。おそらくマウスは使用できず、コンピュータをナビゲートする唯一の方法は、一度に1つのキーボードキーをタップすることです.

やってみて。矢印ボタンをクリックして上下にスクロールします。 1つのリンクから次のリンクに移動するには、タブを使用します。 Enterキーをクリックしてリンクをたどります。マウスホイールを回したり、タブレットをスワイプしたりするのと同じくらい簡単ではありませんが、これらの4つのキーを使用するだけで、このサイトのすべてをナビゲートできます。あなた自身のウェブサイトについても同じことが言えますか?

上、下、タブ、EnterキーでアクセスできないものがWebサイトにある場合、何百万人ものインターネットユーザーがその機能にアクセスできない可能性があります。私たちの残りの部分では、それが使用に不便または不便である場合はかなりの可能性があります。私たちはそれをスキップするだけです-つまり、あなたはあなたの努力を無駄にしました.

今、あなたの目を閉じて、あなたのウェブサイトを読んでみてください。わかりました、それは公正なテストではありません。視覚障害者がウェブコンテンツを楽しむのに役立つツールはたくさんあります。しかし、あなたのウェブサイトはそれらの準備ができていますか?リンクは適切にラベル付けされていますか?あなたの写真は問題を引き起こしますか?テキストと背景色の間に十分なコントラストがありますか?世界保健機関によると、視覚障害を持つ2億8500万人がいます。それはあなたが除外する可能性がある多くの潜在的な訪問者です!

誰かがあなたのウェブサイトを閲覧したりナビゲートするのに問題があるかもしれない何百もの理由があります。これらのニーズをすべて満たそうとするのは不可能な作業のように思えるかもしれませんが、最新のWeb設計ツールにより、事実上誰もが読んで楽しむことができるWebサイトをこれまで以上に簡単に作成できます.

Webサイトにすばやく簡単にアクセスできるようにし、数億人のWebユーザーによる潜在的な読者を増やす方法をご覧ください.

10分でウェブサイトにアクセスできるようにする

10分でウェブサイトにアクセスできるようにする

すべてのWebサイト訪問者は異なりますが、多くの人々はあなたのWebサイトの使用に直接影響する障害を持っています。これらの障害には、失明、聴覚障害、運動制御の問題が含まれます。幸いなことに、身体的な制限を持つ人々がWebサイトにアクセスできるようにするためにできることはたくさんあります。それも難しくありません。以下に、知っておくべきことがすべてあります。障害を持つ人々のためにサイトを改善するだけでなく、すべての人のためにサイトを改善することになります.

アクセシビリティの問題

  • インターネットにより、情報やコミュニティへのアクセスがかつてないほど可能になりました。
    • 国連は、障害者のインターネットアクセスが基本的な人権であることを宣言しました
    • しかし、視覚障害者はウェブサイトを読むことができず、聴覚障害者はポッドキャストを楽しむことができません
  • 米国だけで:
    • およそ5人に1人が片耳または両耳に難聴を抱えています
      • これは約4800万人です
    • 730万人以上のアメリカ人が視力を著しく失っています
      • 部分的または完全な失明に加えて、約1360万人のアメリカ人が色覚異常です
  • アクセシビリティのニーズは多様であり、次のようなWebの使用を困難にする個人的および技術的な状況を含めることができます。
    • 難聴
    • 学習困難
    • 運動能力不足
    • 失明/視覚障害
    • 認知/学習障害
    • インターネット接続が悪い
    • モバイルアクセスのみ(電話またはタブレット)

アクセス可能なサイトの利点

  • 次のような障害のあるユーザーがアクセスできるようにすることが法的に要求される場合があります。
    • 政府のウェブサイト
    • 教育機関および組織
    • 業界および非営利団体
  • 検索エンジンがクロールしやすくなる
    • 障害を持つ一部のユーザーのように、検索エンジンのスパイダーは画像を表示できません
    • 代替テキストなどのユーザー補助機能は、ユーザーがサイトをクロールするのに役立ち、ウェブサイトの検索エンジンのランキングに役立つ可能性があります
  • すべてのユーザーの使いやすさを向上
    • ウェブサイトをできるだけ使いやすくすることで、障害があるかどうかに関係なく、ウェブサイトを操作するすべての人にメリットがあります
  • ウェブサイトの社会的地位を高め、優れたPRを生成する
    • アクセシブルなウェブサイトを持っている組織またはビジネスは、社会的責任があるとしてそれ自身を売り込むことができます

オンラインアクセシビリティツール

  • 一部の身体障害者ユーザーは、インターネットを簡単に使用できるようにするための独自のツールとデバイスを持っています。
    • Webページのテキストを音声に変換するスクリーンリーダー
      • Mac – VoiceOver
      • PC –サンダー
    • 運動に問題があるユーザー向けのカスタムキーボード、マウス、または音声コントロール
  • 特別なツールを持っていないユーザーのために、一部のWebサイトは次のような使いやすい機能を持つように設計されています。
    • Webブラウザーおよびスマートフォンのズームまたはテキストサイズオプション
    • クローズドキャプション
      • YouTubeでは、ユーザーが動画の右下にあるCCアイコンをクリックしてこの機能を有効にできます
    • Dyslexieフォント
      • 失読症の人のために失読症の人がデザインしたフォント
      • フォントは失読症の人が読むのに混乱しにくい文字を使用しています

Webアクセシビリティを簡単に

  • わかりやすいデザインとコンテンツを使用する.
    • 明確にラベル付けされたナビゲーションリンク
    • すっきりとしたレイアウト
      • できるだけ少ない要素を使用してメッセージを伝えます
        • 画像、音声、ボタン、リンクはすべて、障害を持つユーザーにとってハードルになる可能性があります
        • さらに、画像が少ないと、インターネット速度が遅いユーザーの読み込み時間が速くなります
    • コンテンツを簡単に読み、理解できるようにする
      • テキストと背景のコントラストが良い
      • シンプルで読みやすいフォントの選択
  • 画像の代替テキストを添付
    • ほとんどの画像の上にマウスを置くと、代替テキストが表示されます.
    • 画像について説明します
      • 技術的な制限や視覚障害のあるユーザーを支援します
      • スクリーンリーダーは代替テキストにアクセスして音声に変換できます
  • マウスなしでサイトをナビゲート可能にする
    • 一部のユーザーはコンピューターのマウスを使用できない場合があります
    • キーボード入力用に設計することで、設計がシンプルになります
    • Tab、Enter、矢印キーでサイトをナビゲートできます
  • 色に注意
    • 色は学習障害のある人に役立ちます
      • よく整理されたテキスト、色、記号またはアイコンを使用すると、メッセージにアクセスしやすくなります
    • しかし、メッセージを伝えるために色だけに依存しないでください
      • スクリーンリーダーは色を区別できず、その情報を伝えません
      • 彼らは色覚異常のユーザーには役に立たない
    • サイトが画像のみで構成されている場合を除き、可能な限りテキストを使用することをお勧めします
  • ビデオやオーディオを自動的に再生しない
    • これは、出所を見つけるのに苦労するかもしれない人にとって特に挑戦的です
    • そして、それは他の誰にとっても迷惑です
  • レスポンシブデザインに注意する
    • カスケードスタイルシート(CSS)ツールを使用して、サイトが表示されているデバイスに基づいてサイトの表示方法を自動的に変更できるようにします
      • これを複数の画面サイズ(電話/タブレット/ラップトップ)でテストします
  • リンクテキストが、リンクが指している場所をユーザーに知らせる
    • たとえば、「ここをクリックしてください」という表現は、あまり説明的ではありません
    • 「Amazonホームページへのリンク」の方が役立つ
      • リンクのタイトルを使用する
  • 身障者用の靴を履いて
    • JAWS(30日間無料)などのスクリーンリーダーをダウンロードし、モニターをオフにして、Webサイトをナビゲートしてみてください。
      • 目の不自由なユーザーにとって、これは「あなたのウェブサイト」のようなものです
      • 画像の記述方法に特に注意してください
        • 代替テキストだけで、まだ意味があるか?
      • グラフィックに含まれるテキストは、視覚障害者には「見えない」場合があります
    • Coblisのような色覚異常シミュレーターを使用して、サイトをナビゲートしたときに色覚異常ユーザーが何を見るかをよりよく理解する
      • ナビゲーションボタンは背景と視覚的に区別されていますか?
      • あなたのテキストは読みやすいですか?
    • サイトで動画を使用している場合は、キャプションが利用できることを確認してください
      • それ以外の場合は、コンピュータのサウンドをオフにして、彼らがどの程度理解できるかを確認してください
    • Tab、Enter、および矢印キーのみを使用してサイトをナビゲートしてみてください
      • 入手が困難または不可能なページはありますか?

商業、教育、娯楽のいずれにおいても、誰もが利用できるWebサイトを構築することが最優先事項です。幅広いユーザーに対応することは、強力なオンラインコミュニティを構築し、ビジネスに新しい顧客を引き付けるために不可欠です。.

出典: colourblindawareness.org、thewholebraingroup.com、wwhearing.org、lighthouse.org、un.org、ncbi.nlm.nih.gov、nfb.org、census.gov、w3.org、joeclark.org、fcc.gov、screenreader。ネット、support.apple.com、webaccess.berkley.edu、freedomscientific.com、entrepreneur.com、color-blindness.com、webaim.org

出典

  • ワールドワイドヒアリング
  • 視覚障害の有病率
  • 国連障害者権利条約およびオプション議定書(PDF)
  • 米国の難聴有病率
  • 失明統計
  • 色覚異常
  • 米国および世界の人口時計
  • 組織のWebアクセシビリティビジネスケースを開発する際の社会的要因
  • 障害者はどのようにコンピュータを使用するか?
  • 21世紀の通信およびビデオアクセシビリティ法(CVAA)
  • アクセシブルなウェブサイトデザインの5つの利点
  • 組織のWebアクセシビリティビジネスケースを開発する際の法的およびポリシー上の要素
  • Mac 101:VoiceOver
  • 支援技術の種類
  • Dyslexiaフォント
  • 障害のあるユーザーがインターネットにアクセスする方法
  • 丁寧な上色
  • Freedom Scientificソフトウェアのダウンロード
  • ウェブサイトをモバイルフレンドリーにする方法
  • Coblis —色覚異常シミュレーター
  • Webアクセシビリティの概要
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me