Web関連

Webアクセシビリティの重要性

0

年々とインターネットの普及率が上昇していく中で、Webアクセシビリティという言葉を最近よく耳にします。
ただ、「それが何を示すのか」「どうすれば良いのか」わからない方も少なくないはずです。
そこで今回は、「Webアクセシビリティ」についてご紹介したいと思います。

Webアクセシビリティとは

そもそも、Webアクセシビリティとは何なのか、簡単にご説明したいと思います。
“Webアクセシビリティとは、主に高齢者や障害者など身体に障害や不自由のあるWeb利用者に配慮したホームページ
などのWebサービスを提供し、アクセスした誰もが容易に情報を共有できる 状態にあることをいいます。”
※上記参照 JAWAA
簡単に言うと、どのような状況であろうとWebコンテンツや機能を十分に利用できるサイトのことを言います。

 

Webアクセシビリティの重要性

では、Webアクセシビリティの向上が求められているのはなぜでしょうか・・・。 それは、そのサイトの利用者・コンテキスト・デバイスの多様化してきているためです。 どのように多様化してきているのかまとめてみました。

利用者の多様化

・大人
・子供
・障害者
・高齢者
・機械

コンテキストの多様化

・両手が塞がっていて使えない
・直射日光の反射でまぶしい
・手が汚れて触れない
・電車の中で音声出力ができない
・画面の故障

デバイスの多様化

・画面サイズの種類がたくさんあるデバイス
・タッチパネルのデバイス
・キーボードがないデバイス
・マウスがないデバイス
・音声入力デバイス
・指圧デバイス

など、インターネット普及率に伴い、利用ユーザーも利用デバイスも利用環境も以前に比べて増えています。 そのため、どのような状況下でも利用・操作可能な代替手段が求められているのです。

Webアクセシビリティのポイント

Webアクセシビリティのポイントは3つあります。

人が理解しやすいこと

当たり前のことかもしれませんが、その「当たり前」が抜け落ちていることが多くあります。 例えば、画像にテキスト情報(alt属性)をつけているかや、ページタイトルは内容がわかりやすいものを短く簡潔に なっているかが挙げられます。

機械が理解しやすいこと

使うのは人間ですが、それを動かすのは機械(システム)です。

機械にとってよくないことは、人間にも影響があります。
例えば、Javascriptを記載した際に、簡易的な書き方があるにも関わらず、それを知らずにとても複雑な
ソースを記述したとします。
その場合、機械側は読み込むのに時間がかかります。
そのため結果的に、ページの表示速度に影響があるのです。

複数の手段があること

前述でも記載しましたが、コンテキストにより様々な状況があります。
手が使えない場合もあれば、音が使えない場合もあります。
これは、環境だけではなく障害者にも該当します。
その場合に、複数手段があることが重要です。
手が使えないのであれば、声で。耳が使えないのであれば目で。といったように利用・操作可能な代替
手段が存在することWebアクセシビリティのポイントになります。

まとめ

海外では、法律で義務化が進められているほど、とても重要視されてきています。 いずれは、日本にもWebアクセシビリティの義務化がきてもおかしくないほどです。 Webの普及率も年々増加しており、様々なデバイスも登場してきております。 そんな状況下では、制作者は最低限のWebアクセシビリティの対応は必須なのではないでしょうか。 ぜひこの機会に、Webアクセシビリティと向き合っていただければと思います。

ホームページ制作でお困りの方はホームページ制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

ホームページ制作

0

WEBサイトの障害対応に使えるコマンド前のページ

マーケ担当必見!国内ECマーケティングオートメーション(MA)事例次のページ

ピックアップ記事

  1. AIに求められているものは、実は意外な物だった
  2. 新しい販売形態であるDtoCについて考えてみる
  3. 新型コロナウイルスで日本の働き方改革が起こる
  4. 大手企業も注目するMaaS(Mobility as a Service)とは何か…

関連記事

  1. Web関連

    無料(フリーソフト)だけど高機能!人気・おすすめペイントソフト4選

    こんにちは、お絵描き大好き角田です!と言いつつも、社会人になって…

  2. Web関連

    動画広告にどのようなイメージを抱くのか?

    こんにちは。最近「寄生獣」というアニメにはまっている、デザイナーの智哉…

  3. Web関連

    ブラウザシェアランキングから見るブラウザの特徴

    皆さんはブラウザシェアという言葉をご存知ですか?そもそもブラウザと…

  4. Web関連

    古くなったWebデザインを刷新したい

    サイトのデザインの印象で企業イメージが決まるイメージ戦略に合ったW…

  5. Web関連

    Google「Picasa」を「Google フォト」に統合

    皆さんは、スマートフォンで撮影した写真をどこに保存していますか?スマ…

  6. Web関連

    デザイナーの私がおすすめする厳選サイト3選

    久しぶりに私のコラムの題材に規定がなく、「よっしゃあ~すごいの書いちゃ…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    動画制作のちょっとしたコツ
  2. AI関連

    遠隔診療や遠隔医療普及のポイントはAIと5G
  3. Web関連

    夏バテでスピードダウンしない!WEB制作にのめり込む夏にするには?
  4. Web関連

    使いすぎ!?目のショボショボを防ごう!!
  5. AIさくらさん

    ホントは違った!メールで使う「Re:」は返信という意味では無かった!
PAGE TOP