本当に必要なのはSEO?SEOを意識してWebサイトをきちんと作ると、アクセシビリティ向上につながります。弁護士ドットコムのアクセシビリティ対応、Webサイトの現状を知る編(第2回)。ユーザーがサイトを使うシーンを考えるとその理由がわかります。何をすれば適切なアクセシビリティ対応になるのでしょうか。実は、SEOを意識してWebサイトをきちんと作ると、アクセシビリティ向上につながるのです。弁護士ドットコムのアクセシビリティ対応。Webサイトの現状を知る方法を詳しく紹介していきます。アクセシビリティに対応しているとは言い難い支援機能Webサイト側で用意した「文字サイズ変更」などの支援機能だけでは、アクセシビリティに対応しているとは言い難いことについて前回の記事で触れましたが、どう対応すべきか本題の前におさらいしておきましょう。見かけるのは次のような機能です。アクセシビリティに対応しているとは言い難い支援機能これについて、総務省の「みんなの公共サイト運用ガイドライン(2016年版)PDFのP21」を見ると、次のように記載されています。利用者は、多くの場合、音声読み上げソフトや文字拡大ソフトなど、自分がホームページ等を利用するために必要な支援機能を、自身のパソコン等にインストールし必要な設定を行った上で、その支援機能を活用して様々なホームページ等にアクセスしています。要件に則り作成し提供することにより、利用者がそのページを閲覧できるようにすることです。――みんなの公共サイト運用ガイドライン(2016年版)より引用これは総務省の文書ですからマイルドな表現になっていますが、はっきり言ってしまえば、サイト側にこれらの機能を設けることは、的外れな対応だということです。それは、実際にユーザーが使っているシーンを考えればわかります。PCを起動してからサイトのコンテンツを読むまでの流れを書き出してみましょう。ブラウザを立ち上げるアドレスバーに文字列を入れて検索する検索エンジンの検索結果から該当のコンテンツを探すサイトに訪問し、コンテンツを読むサイト側で用意した支援機能は、4の「サイトに訪問し、コンテンツを読む」の段階になって初めて使えるものです。サイトに「音声読み上げ機能」があれば、そのサイトのコンテンツを読み上げることはできますが、他のサイトのコンテンツを読むことはできません。ブラウザを立ち上げたり、検索文字列を入れたりする際にも、この機能を使うことはできません。このような支援機能にニーズがあるとすれば、普段は目で見てアクセスする人が「何らかの事情でそのサイトのコンテンツだけ読み上げで聴きたい」というようなケースでしょう。サイトの性質によっては、そういうニーズがある場合も考えられますが、それはどちらかと言えば、アクセシビリティというよりもユーザビリティの話になります。このように、ユーザーの利用シーンを考えてみると、個別のページに支援機能をつけても活用が難しいことがわかるでしょう。実際のユーザーの利用シーンを見ることは、アクセシビリティを考えるうえで非常に重要なことなのです。注意点:障害の種類や性質は人によってさまざまただし、ひとつ注意点があります。障害の種類や性質は、人によって異なるということです。「視覚障害」と言っても、まったく見えない人もいれば、光を感じることはできる人、目を近づければ大きなものは何となく読める人、眩しいものが苦手な人など、さまざまです。ある人には問題なく使えるものが、他の人にはまったく使えないこともあります。特定ユーザーの行動パターンは、他のひとには当てはまらないことがあります。障害のあるユーザーの行動を見るときは、このことを意識しておきましょう。現状把握からさて、ここからは弁護士ドットコムのアクセシビリティへの取り組みを見ていきましょう。私がまず行ったのは、何はともあれ現状把握です。今までどんな取り組みをしてきたのか、現在のサイトのアクセシビリティの状況はどうなのか、といったことについて、ヒアリングや調査を行いました。Webサイトをきちんと作ると、アクセシビリティ向上につながる今までのアクセシビリティ向上のための取り組みについてですが、意識的に特別な施策を行ってきたかどうかといえば、NOでした。アクセシビリティに関心を持っているエンジニアやデザイナーの方はたくさんいますが、組織的になにか特別な取り組みはしていません。後述しますが、これは「何もしていない」ということとイコールではありません。特別な取り組みがなかったにもかかわらず、現状のサイトはアクセシビリティをある程度確保できているようでした。問題点は散見されるものの、情報にまったくアクセスできないとか、まったく使えないといった状況ではありません。私が今まで見てきたサイトのなかでも、平均以上のアクセシビリティは確保できているように思えました。ヒアリングしてみると、実は、ある取り組みがアクセシビリティ向上につながっていることがわかってきました。ひとつは、SEO(サーチエンジン最適化)の取り組みをしていたこと。ひとつは、デザイナーやエンジニアのなかに、Webサイトをきちんと作る、品質を高めるという意識があったこと。SEOの取り組みやWebサイトをきちんと作ることが、なぜアクセシビリティ向上につながるのでしょうか。これは2つの観点から説明できます。SEOに取り組むと、支援機能でアクセスしやすくなる現在の検索エンジンのほとんどは、Webページからキーワードなどの情報を収集し、その情報に基づいて検索結果を出しています。この際、情報を収集するのは「ロボット」と呼ばれるプログラムであり、つまり機械です。機械は人間のように画像を見ることができません。そのため、SEOの観点から、画像の代わりとなるテキスト情報(代替テキスト、alt属性)を指定することが求められます。ロボットがアクセスした際、文書の構造が適切に伝わるように、タイトルや見出しなど、HTMLの文書構造を適切にマークアップすることが強く推奨されます。した施策により、コンテンツは機械で処理しやすいものになり、検索エンジンも適切にキーワードを抽出できるようになります。このような、機械からの読みやすさを「マシンリーダビリティ」と呼びます。SEOの取り組みには、マシンリーダビリティを高める施策が多数含まれています。障害のあるユーザーが利用する支援機能もまたプログラムであり、機械なのです。目の見えない人は、画像を見ることができません。それでも、「スクリーンリーダー」という支援技術を使えば、代替テキストを読み上げて画像の内容をある程度理解することができます。コンテンツの全体を目で見ることができなくても、見出しにジャンプする機能で見出しだけを拾い読みすれば、全体を把握したり、読みたいところから読み始めたりすることができます。検索エンジンのロボットと、スクリーンリーダーなどの支援技術は、人間の目を持たない、プログラムであるという点で共通しています。SEOの目的でマシンリーダビリティを向上すれば、支援技術でアクセスしやすいものになり、結果的にアクセシビリティ向上につながるのです。逆に、画像に適切な代替テキストが指定されていなかったり、見出しが適切にマークアップされていなかったりすると、サーチエンジンのロボットからも、支援技術からもアクセスしにくいものになってしまいます。検索エンジンに頼る人のアクセシビリティWebで何かを探そうとするユーザーのほとんどは、障害があるないにかかわらず、まず検索エンジンで検索するでしょう。企業を訪問しようと思い、サイトで所在地を調べるときはどうするでしょうか。私がよくやるのは、次のような方法です。探し、それらのなかに「アクセス」などがないか探すしかし時には、「アクセス」という項目がなく、企業情報を見ても所在地の情報がどこにあるのかわからない、ということもあります。アクセス」のように検索しなおします。すると多くの場合、目的の所在地情報にたどり着けます。サイト内のナビゲーションが使いにくければ、検索エンジンで直接探すほうが早いわけです。これは障害者に限った話ではないのですが、障害があると、ナビゲーションの使いにくさの影響をより強く受けることがあります。SEOを行い、検索エンジンから情報にたどり着けるようにすることで、ナビゲーションを使わずに検索エンジン経由でアクセスする、新たな経路が生まれます。これによって、より多くの人が情報にアクセスできるようになるのです。余談ですが、ちょうどこの原稿を書いているとき、絶妙なタイミングで事件が起こりました。3月31日に国税庁のサイトがリニューアルされ、トップページを除いたほとんどのページのURLが変更になったのです。通常、このような場合には、リダイレクトの設定をして、旧URLにアクセスすると自動的に新URLにアクセスするような仕組みを用意します。Foundになりました。これにより、検索エンジンで検索しても国税庁サイトのコンテンツにたどり着けなくなってしまいました。どんなにアクセシビリティを担保しても、コンテンツを見つけられなければ、ないものと同じです。この件については以下の記事で詳しく書いていますので、興味ありましたらお読みください。アクセシビリティを確保するなら、ファインダビリティも大事。国税庁Webサイトリニューアルでリダイレクトなしhttps://webtan.impress.co.jp/n/2018/04/05/28881「Flash」など、特殊なものはアクセシビリティが担保しにくいこのように、アクセシビリティに対する特別な取り組みをしていなくても、使いやすさを考えながらWebサイトを素直に作ろうとすれば、その取り組みがいつのまにかアクセシビリティの向上につながっていることがあります。Webアクセシビリティ」というテーマで講演をしています。次にスライドが公開されていますので、興味のある方は参考にしてみてください。https://www.slideshare.net/rikiha/web-63761798ただし、Webの元々の使われ方とまったく異なるような、奇をてらった作り方をすると、アクセスできないコンテンツができてしまうことがあります。一時期流行したFlashのコンテンツなどは、かなり配慮した作り込みをしなければ、アクセシビリティが担保できないものでした(Flashについては、アドビが2020年末にサポートを終了すると発表していますので、今後どんどん少なくなっていくと思いますが)。HTMLで作る場合であっても、本来の使い方とは異なるトリッキーな作り方をすると、ユーザーの環境によってはアクセスできなくなる場合があるので注意が必要です。ユーザー調査から改善点を見つける弁護士ドットコムはSEOに取り組んでいましたし、大きく奇をてらったようなページの作り方も少なかったため、アクセシビリティに大きな問題はありませんでした。なるとアクセシビリティ向上のために弁護士ドットコムにジョインした私の仕事がいきなり終わってしまいそうですが、そんなことはありません。幸か不幸か、問題点がまったくないわけではなく、まだまだたくさんの改善の余地がありました。その改善のために何をするべきでしょうか?私が実行したのは、実際に障害当事者の方にご来社いただいて、サイトを使っていただくことでした。この記事の冒頭でお伝えしたように、アクセシビリティを考えるうえで、実際のユーザーの行動を見るということは非常に重要です。実際の利用シーンを見れば、必ず改善すべき点がみつかるはずだと考えました。それを実際に改善につなげることができれば、アクセシビリティへの取り組みを根付かせるための大きな一歩になるはずです。幸いなことに、弁護士ドットコムの開発チームは「スクラム開発」の考え方を取り入れています――つまり、一週間といった短い期間で、どんどん開発をしていくスタイルで仕事を進めています。これは、小さな改善をすぐに実施することができる体制です。改善の方針さえ決まれば、すぐに実際のサイトに反映して、成果を見ることができます。ユーザーテストにはもう一つ狙いがありました。それは、社内のメンバーが障害当事者の存在を明確にイメージできるようにすることです。次回の連載では、実際のユーザーテストの様子と得られた教訓、そしてそれを反映するプロセスについてお伝えしたいと思います。参考情報1新規サイト作成・リニューアルでアクセシビリティに取り組むときに役立つ情報ユーザー調査をする以外に、アクセシビリティに取り組む方法の一つとして、まずウェブアクセシビリティ方針を策定する、というやり方があります。ウェブアクセシビリティの確保・維持・向上のプロセスに関する推奨事項」という参考文書があり、企画時に「ウェブアクセシビリティ方針」を策定すること、公開時に試験を実施することなどを推奨しています。具体的な方針の策定方法については、ウェブアクセシビリティ基盤委員会が「ウェブアクセシビリティ方針策定ガイドライン」という文書を公開しています。ウェブアクセシビリティ方針策定ガイドラインhttps://waic.jp/docs/jis2016/accessibility-plan-guidelines/201604/弁護士ドットコムでは大きなリニューアルをする予定もなく、日々小さな更新の積み重ねをしているため、「企画時に方針を策定する」という方法はとりませんでした。サイトを新規に作成したり、リニューアルしたりするケースであれば、このやり方が参考になるでしょう。参考資料2他社はどう取り組んでいるのか?前回ご紹介したように、公式にアクセビリティへの取り組みを行う組織は増えています。なかには、その取り組みのプロセスや考え方を公開している組織もあります。次に示す内容は、他社の取り組みとして参考になります。サイボウズ株式会社https://cybozu.co.jp/efforts/accessibility/ヤフー株式会社はアクセシビリティ対応をなぜ始めたのか、どう進めているのかhttps://www.slideshare.net/techblogyahoo/ss-55675773freeeのアクセシビリティ、いまとこれからhttps://docs.google.com/presentation/d/1D2DP0aP4l5N3MKNtt-LbfLeAEexkXYs4snC8vmzur3o/edit#slide=id.pこれらの取り組みを見ていくと、次のような考え方が共通しているようです。小さなこと、今すぐにできることから始める社内の人にアクセシビリティへの意識を広めていく取り組みを継続していく今回ご紹介した弁護士ドットコムの事例も、これに当てはまるでしょう。方針を作る前に、すぐに取り組める小さなところからスタートするというのも、良い方法だと思います。翻訳作業部会主査HTML仕様の翻訳や解説といった個人活動をしながら、2001年よりビジネス・アーキテクツで大規模企業サイトの制作や管理に従事。Web技術の分野で幅広い専門性を持ち、セキュリティ分野においては「第二回IPA賞(情報セキュリティ部門)」を受賞。アクセシビリティ分野では、ウェブアクセシビリティ基盤委員会(WAIC)の委員として活動している。2017年12月より、アクセシビリティエンジニアとして弁護士ドットコムに所属。著書(共著)に『デザイニングWebアクセシビリティ』など。最近(過去90日間)の記事で、Facebookの「いいね!」が多かった記事をお見逃し無く。ネット広告への強い嫌悪感、テレビや新聞の倍以上に。いいね!伝説のTwitter企業アカウント“中の人”の先駆け。いいね!私は変人コレクター。いいね!「おもてなし」は思考停止ワード。・2019年】フリマアプリは、新品購入の意欲も上昇させる。ソリューション開発】に参加可能なSI企業。「ICT」で「移動」をクラウド化★CRMマーケティング担当募集!「移動を文化に」するサービス事業会社です。教育系】自社WEBサイトの運営および企画提案、リスティング広告・SNS広告などの広告出稿を中心に担当いただきます。「おもてなし」は思考停止ワード。各週の人気記事ランキング記事を見るはてなブックマークですべての人気記事を見る今日の用語CVR顧客転換率。購入や申し込みなどにどれくらい至っているかを示す指標。「おもてなし」は思考停止ワード。2/24~2/28のマーケティング、インサイドセールス、データ分析、EC、SEOなど他社セミナー情報52件Web担編集部がゼロから学ぶ、Tableau「BI講座」。Patterns』を3名様にプレゼント!【受付終了】企業がDXに向かう取り組み方を考える『デジタルファースト・ソサエティ』を3名様にプレゼント!すべて見るインフォメーションWeb担のメルマガを購読しませんか?Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。編集後記サイトマップFAQ(よくある質問とその答)Web担に広告を掲載しませんか?購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。