まじまさちさんで、明日からできるデザインコンテンツのアクセスビリティ入門です。よろしくお願いします。よろしくお願いします。こんなにたくさんの方の前でお話しするのは初めてなので、すごく緊張しているんですけれども、トロイリンさんにとりあえず大きな声で喋っていることを言われたので、もし途中で声が小っちゃくなっていたら、アクセシブルじゃないよってまさかりを慣れてください。よろしくお願いします。まず簡単に自己紹介をさせてください。ご視聴からきました、まじまと言います。フリーでDTPとウェブのデザインをしていて、ワードプレス歴は4年で、アクセシビリティ歴は2年ということで、まだまだ勉強中なのですが、今日は私が感じているアクセシビリティの魅力を一杯お伝えしたいと思います。あと一つ質問です。どうして皆さんとか、あと皆さんのお客さんは、ウェブを使って情報を発信するのでしょうか。ウェブによって、その目的はいろいろあると思うんですけれども、一つ共通しているのは、そこに乗っている情報をより多くの人に伝えたいから、ということがあるのではないでしょうか。ウェブを使うことで、一人でも自力で、世界に向けて情報を発信することができます。その先には、自分の想像を超えて、たくさんの人やいろんな人が待っています。そんなわけで、本日は今の自分の視点を少し広げて、より多くの人に情報を伝えるためのアクセシビリティについてお話しします。先ほど、ウェブの自由とバワーについて、情報を発信するのがからのことを見ていました。それでは、情報を受け取る側から見てみるとどうでしょうか。世界品の誰でも好きな時に、好きな場所で、好きな軽視で情報を得られるというのも、自分の持つ大きなパワーの一つです。好きな軽視でというのは、スマートとかコソコン、カブレートとか自分の好きなデバイスで情報にアクセスできることもそうですし、例えば、ツイッターの夜間ロードとかブラウザーのインター表情使った方がある方もいらっしゃるのではないでしょうか。その他にも、目が見えない人は、スクリーンリーダーを使って読み上げる機能を使ったり、あとロービジョンと呼ばれる、視力もちょっと弱い人は、具材料を使ったり、資格商売のある方は、自分の名方に合わせて、色調を調整することもできます。それから、手が使えない時には、キーボードを使って操作をすることもできます。それから、日本語が苦手な方も、ここのページに載っている情報をどうしてもいかいと思ったら、Google翻訳などを使うことによって、自分の言葉で情報を何とか言うこともできます。それから、私も最近、Amazon以降を買ったんですけれども、こういった音声デバイスも、未来のウェブの一つの価値だと思います。こんな風に、さまざまな端末や支援技術を使って、あらゆる人が自分の力で、情報にアクセスできることをアクセシビリティと言います。これは、他のメディアではない、自分の音質的で、音質的な特徴で、大きな魅力だと思っています。ところで、アクセシビリティについて、こんなアクセビリティを聞いたことがないでしょうか。アクセシビリティは、商売者とか高齢者の仮面のものだから、自分のサイトには必要ない、自分には関係ないみたいなことがです。でも、果たしてそうなのでしょうか。佐藤さん、鈴木さん、高橋さん、今日もこの中にいらっしゃると思うんですけれども、日本で多い、日本で多いのがトップ3です。実は、全国の佐藤さん、鈴木さん、高橋さんの冒険した数よりも、身体障害や遺跡障害、精神障害といった、中の障害を持っている人の数の方が多いのです。その数は、国民の6%にも残ります。さらに、65歳以上の高齢者の方の遺跡障害は、27%以上あって、これは年年増え続けていると言われています。これを見ると、自分に関係ないことでもないし、結構短の問題だということも分かると思います。それから、今、普通技術を使っている、普通技術や自分の使い方で、レブを使っている方でも、違うやり方で情報に証拠しなければならない状況というのも、しばしば起こることですし、それにみんなそのうち、高齢者になります。というわけで、知らず知らずもうちに、身近な誰かを阻害しないためにも、できることから一つずつアクセシビリティに取り組んでみましょう。取り組み方を知るために、まず、アクセシビリティというものを今回してみます。様々な端末や支援技術を通して、いろんな人がアクセスできるということは、機械にも利用できるという、マシンリーダブルという面と、人が少から情報を得て、そうそれできるという、人間リーダブル、二つの面に分けることができます。これをさらに分解してみると、こんな風にアクセシビリティというと、行動がおりとのものというイメージが多いかもしれませんが、デザインをする人も、本書を書く人も、あとは、最高の構成を考えるバイアフレームを作っていたことも、アクセシビリティを成り立たせる重要な要素になっています。同じように、バートプレスを今度分解してみると、テーマとコンテンツには出ることができます。バートプレスで作ったサイトをアクセシブルにするためには、テーマのアクセシビリティと、コンテンツのアクセシビリティに、両方が大事になります。テーマについては、この後の最遅さんのセッションでお話いただきますので、私の方では、コンテンツの方について、コンテンツの方についてお話しします。では、具体的な取り組み方について、参拝してみるために、こんな例を書いてみましょう。本当はないんですけど、オリオリボテルというホテルの支配員さんが、ホテルのサイトを、バートプレスで作ったことを、家庭してみます。今日のバートキャンプみたいに、海外の方とか、小山連の方とか、あとキャンプが好き、外で遊ぶのが好きな人も、インドア派の人も、いろんな人に来てほしいから、最当アクセスにしたいと思っています。では、どうすればいいか。まず、例1。おすすめのプランを、バナーで紹介したいと思うことをします。こんなバナーを作ったときに、ここに載っている情報を、画像が見えない人にも、スタイルにはどうすればいいでしょうか。バートプレスでは、画像をアップロードしたときに、画像に大体テキストというものをしていることができます。3D画面の大体テキストの部分に、バナーで伝えたい情報を打ち込むことで、スプリンディーダーを使っている人には、その情報が読み上げられますし、画像が読み込まれないといった中、滅動の回線が遅いかという場合にも、代わりにそのテキストを表示させることができます。ここでコイントのが、画像と同じ情報というので、もしモーニングプレートの詳細なミニュー内容などを伝えたい場合には、画像が見える人にもそういった情報は有用なので、大体テキストではなくて、キャクションがあった日本文中で説明することも検討してみてください。では、レーディーとして、ホテルの公出状況をカレンダーで表示したい場合です。これのレーディーと、公出ありはミロリー、残りはとかはキーロ、マンストは赤というふうに、いろわてで表示しています。意見分かりやすそうに見えるのですが、これがもし、視覚障害はあった場合、こんなふうに情報が失われてしまうことになります。視覚障害がない場合も、この頃でプリンクを足した場合、とも、いろわてした情報も失われてしまいます。これは解決するためには、色立てでなくて、文字で情報を示されるということを考えてみてください。そうすることで、いろんな人に、この公出調等の情報が伝わるようになります。ここでもう一個ポイントなのが、文字と体験室のコントラストも忘れずにチェックしてください。今日の会場はちょっと外の光とかが入って、普通のセミナー対象よりも、若干スクリーンが寝にくいなという方もいらっしゃると思うんですけれども、これも元々のコントラストがしっかりついていたら、そこでスマホを見たときにも見えやすくなり、記事領を書くときのアクセシティ益について見てみました。皆さん、おなじみのビジュアルインミターなんですが、ここでは、文章に見出しとかリスト、いうようなのかの、フリストニットを、書色をつけることができます。ここでポイントになるのが、見た目の装飾目的で、ここはちょっと大きいもちにするから、見出し3。ここはちょっとちっちゃく色付けたいから、見出す4とか適当に使うのではなくて、文章が言うとか、行動使えた目に使うということです。どういうことかというと、こうやってビジュアルインミターで組織を設定した部分を、適当的なに見出しを見てみると、その組織を設定した部分が、ATM Lタグで囲まれている、とがわかると思います。こうすることで、見出しは見出しとして、リストをリストとして、機関にも伝わるようになります。こうすると何がいいかというと、例えば、同じ見出し3のレベルのものだけに見出しを読みで、情報、文書全体をざっと書くことをしたいみたいなときに、ビジュアルインミターを使うことができます。こんなふうに、ビジュアルインミターを上手に使うことで、行動を書かない人もマシンリーダー部分のコンテンツを作ることができます。その他にも、文書書として、見出し行動を意識して、文書を書いたり、利用者にとってわかりやすい言葉を使ったり、こちらとかもっと見るだけではなくて、リンク先が予測できるリンクテキストにしたり、それとか、総色目的のために文字色を勝手にどんどん変えたりするのを混乱するのでやめて、必要なときに必要な最後を使うということを表せるだけでも、立派なアクセシブリティにつながります。では、こう一個を踏み込んで、アクセシブリティについて見たいというときは、どうすればいいでしょうか。ポイントは、自分以外の視点を増やすということです。2016年の4月追加しに、障害者対象等が提供されましたが、このサイトの中に、物理的配慮とお便りでデータ集というコンテンツがあります。ここでは、障害の種類とか性格の場面から、どんな国具体的に対応すればいいかという意味がたくさん持っています。それから、WCAGデブコンテンツアクセシブリティダイドライン日本で言うところに性格に対応するダイドラインは、どんな場面で、どんな人がどんな国に困るかこう対処しましょうと言った信頼まとめてられています。ここには、デブコンテンツのすべてが詰まっていると言っても、アクセシブリティのすべてが詰まっていると言っても、可能ではありません。ちょっとにももなんですけど、すごく難解で読むのがつらいんですけれども、例えばこの代表の部分にこんなことが書いてあります。この概要ラインに従うと、この場合、ほとんどの利用者にとってデブコンテンツがうりつかりやすくなる。つまり、自分の知らない誰かの伝え方を知って、対応性を受け入れるということをすることで、そのことが結果的にもつながるということです。このことは、おかしはアクセシブリティですごい思っている理由の一つでもあります。ではまさめです。本日は、今の自分の視点を少し広げて、より良くこの人に両方を伝えるためのアクセシブリティでお話ししてきました。今日のお話の中で、皆さんの目作りに少しでも取り入れそうなポイントがあったら幸いです。ご清聴ありがとうございました。ありがとうございました。