2019年12月14日TwitterFacebookGoogle+LinkedInPocketWebアクセシビリティとは、わかりやすく表現すると「情報のバリアフリー化」です。障害や加齢その他の要因があっても、みんなと同じように知りたい情報に到達でき、なおかつ利用できる。そのためにサイトに求められるバリアフリー化です。近年デバイス(スマフォなど)の機能が飛躍的に進化し、目や耳の不自由な人、パソコンやスマフォの操作に慣れていない高齢者にも優しい(易しい)操作で使いこなせるようになりつつあります。作り手側(Web製作者)が知らず識らず(しらずしらず)にその便利な機能を障害するバリアを作っているケースも多々あります、ちょっと残念です!りんごは現役のデザイン講師としてHPやブログ作成のアドバイスをしています。傍で手話講習やアクセシビリティ勉強会に参加して障害者や高齢者向けのサイト作りを支援、そのノウハウをもっと広めたい、「見るのも使うのも優しい(易しい)サイト」がどんどん増えて欲しいと頑張っています。この記事では、Webアクセシビリティとはをわかりやすく解説しました。「何をすればいいのか?」「コストはかかるのか?」、「そもそも自分のサイトにとって有益なのか(必要なのか)?」そんな疑問にお答えします。一読頂いて、是非できることからすぐ始めてみませんか!!お手伝いできれば幸せです。最後にアクセシビリティとはWebアクセシビリティの話をする前に、そもそも「アクセシビリティ」とはについて説明します。アクセシビリティとは、近づきやすさ、利用しやすさ、などの意味を持つ英単語です。ITの分野で使われ、機器やソフトウェア、システム、情報などが身体の状態や能力の違いによらず様々な人から同じように利用できる状態やその度合いのことを指します。一般的に障害者向けの技術だったり設備としてイメージされることが多いようですが、障害者のみならず、高齢者や一時的に病気などで運動・視聴覚機能に制約があっても、機器やソフトウェアの操作、情報の入手、利用などが可能である状態をいいます。広い意味では建物や施設、設備などへの出入りや施設内での移動のしやすさ、利用しやすさ(段差がない、スロープやエレベーターが整備されている等)のこともアクセシビリティに含まれます。free)という言葉で表現されることが多いですね(バリアフリーもアクセシビリティに含まれるということです)。え方で、「年齢や身体的条件を問わず、誰でもウェブで提供されている情報にアクセスして利用できること」全体を指します。具体的に言うと・小さい字が読みにくい・薄い(コントラストの低い)字は見えにくい・ボタンや、導線のわかりづらいページは情報が探しづらい・細かいマウスの操作が難しいといったごく普通のシニアの方がかかえるような障害(特性)がある人でも、見てわかりやすい&操作がしやすいページを用意することです。マウスが上手く使えない場合は、キーボードや音声入力によって操作ができたり。視力が弱かったり視覚障害があって画面が見えづらい場合は、拡大表示やの文字の読み上げなどの機能を利用できるといったように、障害の状態を考慮してそれらの人でも利用できるような備えがされているWebサイトを作ることです。*Web作成上の詳細な内容は後述しますデバイスの進化が凄い、大事なのはその機能を邪魔しないこと現状、パソコンやスマフォのアクセシビリティ機能の進化は目を見張るものがあります。音声入力や読み上げ機能も数年前とは比べものにならないほどスムーズでストレスなく利用できます。小さい字でも大丈夫です!簡単な操作で拡大縮小が思いのままです(ただ、Webの作り手がこの機能を阻害するプログラムを組まないことが大事です)アクセシビリティ対応の進化の一例としてiPhoneのアクセシビリティ機能を紹介します。障害者のみならずシニア世代にも是非知って&使って欲しい機能です。ここに紹介されている「できること」は、本当に?!と驚くべき内容です。iPhoneのアクセシビリティ世界で最もパーソナルなデバイスは、すべての人が使えるように設計されました。視覚に障がいのある方がみんなとセルフィー(写真)を撮ることも、聴覚に障がいのある方がお母さんに国際電話をかけることも、首から下の体を動かせない方が友だちにテキストメッセージを送ることもできます。アクセシビリティ対策は?ほんの数年前(今もですが)レスポンシブ対応(:スマフォやタブレットでパソコン版とは違う画面構成になる仕様)が叫ばれ、スマフォで見れないページが淘汰されて行きました。対策が遅れてユーザーや売り上げを減らしたサイトも多いのではと思います。アクセシビリティへの対応は?まだまだ動き始めたところでしょうか!「アクセシビリティ」と言う言葉も日本では認知度はまだ低いです、でも世界ではかなり常識です。以下ヤフーさんのコラム記事を紹介します。Blog:「ウェブはすべての人が使えるべきもの」企業のアクセシビリティ対応とは法律のプレッシャーの有無でアクセシビリティの進み方が大きく変わる「アクセシブル」ではなく「インクルーシブ」?画面読み上げソフト対応だけがアクセシビリティではないAIがアクセシビリティ対応をさらに向上させていく大袈裟でない話、日本でも「アクセシビリティに配慮したWebサイトを用意していなかった企業が訴えられる」なんてことが起こる日が近いかもしれませんね。あなたのサイトにも対策は必要?ここまでお話ししてきて、「アクセシビリティ」について少しは感覚が掴めましたか。あなた自身はどう感じていますか。「今まで既に紹介した人に再度CM(商品紹介)をするより、まだ一度も見たこと(知ったこと)がない人に紹介する方が、成約率は高い」と思いませんか?(マーケティング経験のない方でもきっぱりと、そう思いますね)ここでちょっと以下のデーターを眺めてみてください。「利用していない」53.0%である。2012)デバイスの色々な支援の機能のおかげで、TVや新聞で情報を得るよりはるかに簡単にスムーズに情報を得たり、コミュニケーションをとったりできるパソコンやスマフォは障害者にはなくてはならないツールなのです。シニアのスマホ利用率が6割越え、MMD研究所が調査発表MMD研究所は、2012年~2018年を対象とした、シニアのスマートフォン利用推移調査レポートを発表した。同調査では、2012年には12.7%だったシニアのスマートフォン利用が、2015年に30.2%、最新の調査で2018年には61.5%に成長したことが明らかにされている。気軽に外出が難しい高齢者や、長時間デパートや店舗を見て回るのはきついと感じているシニア層が、TVショッピンが大好きなのは周知の事実ですよね。そのシニア層がスマフォを手にしたら、ネットショッピングにハマるのは当然の流れだと思います。「自分の商品(情報)はシニア層に特化していないし」と思っていますか?、しかし日本の人口の中でシニア層の占める割合は年々とんでもなく増えています。この層を取りこぼすのはもったいないですよね。その人たちは今あなたのサイトを表示させているかもしれません。商品(情報)を気に入り問い合わせや購入をしたいと思っているかもしれません。8341-3:2016」に準拠したサイトを目指すのが一般的なようですが、ちょっと敷居が高いと感じるかもしれません、そこで上記Yahoo!のコラムにみつけた10か条「アクセシビリティ確保の基本の「キ」10項目」が参考になりそうです。見出しやリストなどの文書構造をマークアップする見出し機能をつかう、見出しは順番(H2→H3→H4と)に飛ばさず設置リンクテキストは、リンク先が分かる文言にするここ、こちら等を使わない情報を伝えている画像に代替テキストを提供する画像が想像できる代替テキスト(数字や空白にしない)文字色と背景色のコントラストを確保する明暗や色味の強弱をで文字を見えやすくキーボードだけでも操作できるようにするTab、矢印、Enterでページ移動や操作ができる文字サイズや画面表示を変更できるようにするブラウザの機能やスマフォの画面操作で拡大縮小ができるデータテーブルの構造をマークアップする表として設定する、結合や分割に注意するフォーム・コントロールのラベルをマークアップする入力フォームは項目名をわかりやすく設定するエラーメッセージではエラー箇所と修正方法を明示する入力エラーの場所と理由がわかるようにする何のことかわからないと思う項目はないのでは?、幾つか具体例を挙げて見ますね。リンクテキストは、リンク先が分かる文言にするリンクを貼る文字は「こちら」などの短くリンク先の内容がわからない文字より、長くリンク先の内容がわかる文字にします。これはSEOの面でも高評価となります。情報を伝えている画像に代替テキストを提供する画像ファイルを挿入する際、代替テキストに「図1」とか内容がわからない説明を入れると、スクリーンリーダーで読み上げられた時や画像が表示されない時に内容がわかりません。情報を伝える必要がある代替えテキストは内容がわかるよう入力します。エラーメッセージではエラー箇所と修正方法を明示する入力フォームはエラーとなったとき、入力間違いの箇所と修正方法がわかりやすく表示される。間違えている箇所が色が変わって表示されたり、修正方法が明確に示されることが必要です。上記の10項目には記載されてはいませんが、以下のような配慮もとっても大事です。リンクが貼ってあってクリックできる領域は広くする領域の一部分(文字部分だけ)より、領域全体にリンクを貼るようにします。画像がある場合は画像ごと含むようにリンクを貼りましょう。ボタンや文字などのリンクの貼ってあることをわかり易くするボタンはクリックするのにストレスのない大きさにし、またボタンであることが一目でわかる形状にします。あるのが最近流行りのフラットな形状のボタンです。高齢者などにはボタンと認識されにくく、気づかれにくいので、少し立体的に見えるボタンを使用しましょう。記載する文字はなるべく日本語にします。「これならできる事ばかり」と思うのではないでしょうか?、専門的な知識もそれほど必要ではありません。通常ブログ記事を書くときにちょっと意識するだけで対応できる内容が多いです。費用は高額?アクセシビリティという単語を聞いたことがある方も、対策をするとなると数十万(規模によっては百万円以上)の高額な費用がかかると思っている、のではないでしょうか。利益アップにも繋がらない対策を高額の出費をしてまでできない。アクセシビリティは大手企業がイメージアップやコンプライアンス遵守のために実施すればいいこと、と思っていましたか。確かに、大手企業が専門業者に依頼して、膨大な量を対策しアクセシビリティテスト結果のレポートをWebに設置するとなれば高額な出費も予想されますが、上記の項目をみていただいて、日頃のサイト作成の中で気を配ったり注意したりすることで対策すれば別途費用は発生しません。後からまとめて改修しようとすると途方もない労力と時間がかかることも想像できます。例1)情報を伝えている画像に代替テキストを提供する全ての画像に数字で代替えテキストを記載していたり、空白だったりする場合。後から画像が情報を伝えているかの判断や代替えテキスト入力をするのは大変です例2)リンクテキストは、リンク先が分かる文言にする「ここ」とか「こちら」と入力されているリンクテキストを全て内容がわかるよう書き換える、これらも記事を作成するときに実施すればさほどでもないですが、後から該当箇所を探して改修するのは大変ですね。結論は、後回しにするほど費用は高額、早めにやるほど楽で安くできる。自分で実施するにしても放置するほど、後で改修する労力や時間が膨大になるということです。思い立ったが吉日、今日できることから始めてみてはどうでしょうか。「今日から書く記事は画像の説明をちゃんと入力する」これだけでも、あとあと楽になりますよ(^^)最後にこのサイト(ブログ)では、具体的な対策方法を実践例を示しながら紹介しています。作業は思いの外簡単です。*設定方法はWordPressを利用した操作の解説です「え、こんなこと!それならできる!!」と思えることがほとんどです。やるとやらないとでは大違いです。「見出しをきちんと設定する」など、記事を書きながら実施すればそれほどの手間でもないですが、後からやり直そうと思うとめちゃくちゃ大変な項目が多いです。「既存の記事を今から直すのは大変!」と思うと気が重くなるかもしれませんが「これから書く記事を今から取り組む」のは今すぐできます。そこから始めてください。アクセシブルなサイトはあなた自身を助けるものです(^^)アクセシブルな環境は、常に相当な割合の人々の役に立つことになる。重要なことは、ほとんどの人が、そのライフステージのどこかで、年齢を重ねていく過程で、感覚や身体機能の衰えに伴い、アクセシブルな環境に助けられるということである。え方で、「年齢や身体的条件を問わず、誰でもウェブで提供されている情報にアクセスして利用できること」を指します。具体的に言うと・小さい字が見えにくい・薄い(コントラストの低い)字は見えにくい・ボタンや、導線のわかりづらいページは操作ができない・マウスの操作は慣れていないといったごく普通のシニアの方がかかえる障害があっても、見てわかりやすい&操作がしやすいページを用意することです。*このブログではWeb作成上の具体的な内容をひとつづつご紹介しています。コメントをキャンセルメールアドレスが公開されることはありません。*ウェブサイトこの記事のトラックバックURLプロフィール訪問いただきありがとうございます。2016年4月岡山県真庭市に引っ越し、デザイン系講師のかたわらブログ制作&ネットビジネスを副業として収入を得ています。主な収入源は、HP作成・アフィリエイト・広告収入・法人メルマガの構築代行などです(^^)このブログは、ネットビジネスの始め方を噛み砕いて解説、内容を実践できるメルマガを配信、ゆとりあるシニアライフを目指す方を応援します。パソコンインストラクターや、コールセンターでのサポート経験を活かし、個々のスキルとスピードに合わせたサポートを心がけています。子育てを卒業!自分のために時間とお金を使える!!でも、「夢見るシニアじゃいられない」と感じているそんなあなたに伝えたい情報です。「ブログやアフィリエイトって、聞いたことあるけど若者(わかもの)や強者(つわもの)しか手を出してはいけない気がして」と思っていませんか?「頑張ってみたけど、若い人の勢いについていけず挫折し諦めた」それでも大丈夫!ちょっと勇気を出して扉をあけてみませんか。お手伝いできれば嬉しいです。rin_ngoりんごの田舎暮らしりんごのメインブログ、飾らない創らないをモットーにありのままの暮らしぶりを綴る。した心の持ち方で「ワンランクあっぷする日常」を提案SNSを活用しようFacebookやTwitterなど代表的な「SNS」の登録方法から活用ノウハウまでわかりやすく紹介しています。一緒にオリジナルなサイトを作成していきます。実際の作業がギュッと1つにまとめられています。ブログ初心者が「楽しんで稼ぎ続けられる」、そんな資産になるブログ作り方の教科書です。「アフィリエイト」の種類や仕組みを噛み砕いて解説、実践方法をやさしく案内しています。さんエンドウさま、コメントありがとうございます。お問い合わせの件、YahooIDはパソコンに依存しません。さんYahooIDを他のパソコンと共有するにはどうすればよいでしょうか。さんりんごさまお世話になっております。スマホの設定でアカウント画面まで表示され次え、が出てこなかった。アカウントと作成方法について[...りんごの一歩づつサポート「ブログ&メルマガを利用したネットビジネス」に取り組むことで「ワンランクアップした毎日」を目指す方を応援します(*^▽^*)ネットビジネス入門無料メルマガ人と人が繋がる暖かいコミュニケーションがテーマのネットビジネスです。この機会に触れてみてください。