アクセシビリティ昨年少しの間ですが入院しました。その間は大人しくしていればいいものを、脊髄麻酔や鎮痛剤が効いて苦痛のない時は退屈なもんで、Webサイト閲覧・メールチェックなどはしていました(私の行きつけの病院はインターネット利用可)。体が思うように動かないので、今までどおりWebサイトを閲覧するのは困難。その時初めてアクセシビリティの大切さを身を持って感じ、それから少しずつお勉強している次第です。今回はWebサイト閲覧におけるアクセシビリティについて考えてみようと思います。Webアクセシビリティとは「アクセシビリティ」とは、アクセスのしやすさを意味する言葉で、転じて利用環境や身体の制約に関係なく誰でも使えるという意味で使われます。どのような状況でもWeb上のコンテンツや機能を十分に利用できるWebサイトを「アクセシブルである」と言えます。「ユーザビリティ」と混同されがちですが、使えないものを使えるようにするのがアクセシビリティの向上、使いにくいものを使いやすくするのがユーザビリティの向上と考えればいいかと思います。Webアクセシビリティを必要としている人では一体どんな人がWebアクセシビリティを必要としているのでしょう?「体の一部がうまく動かせない人・高齢の人」と答える人が多いかもしれません。正解ではありますが、他にももっとたくさんの人が必要としているのです。ここでは必要としている人のタイプと、その改善方法を考えてみます。音声リーダー・スクリーンリーダーと呼ばれる、画面上の文字を読み上げるソフトウェアを使ってパソコン・インターネットを利用します。上の動画はスクリーンリーダーを使っている様子。古いものですが、基本的な使い方はこんな感じです。ページタイトルの重要性や記号まで読み上げてしまう不便さがよくわかります。画像はAlt属性が読まれるので、なんの画像かわかるようなテキストを用意しておきましょう。Macには標準搭載されているので、気軽に試してみてください。色覚については、以前なんどか記事にしました。基本的な見え方や改善点はそちらに書いているので、ぜひ読んでみてください。Colorblind】が勉強になる文字を大きくすればいい、という考えは、視界がぼやける人には有効です。視野狭窄(トンネルビジョン)と呼ばれる、視野が狭く多くの文字を一度に視界に入れる事が困難な方にとっては使いづらいサイトになってしまいます。このように、「目の不自由な人」というだけでも様々な症状があることも覚えておきましょう。音声が聞くことが困難な人のためには、動画に字幕をつけておくといいでしょう。字幕は時に聴覚に問題のない方も役にたちます。図書館などの音声を流すことができない、かつイヤホンも使えない場合。逆にうるさすぎて音声が聞こえない場合などです。YouTubeやTEDには字幕表示機能がついています。音が再生されているかわからないため、Webサイトを開くと音が自動的に流れるような機能も控えましょう。中には腕や手を使うのが困難な人もいます。私も入院中は両腕が使えず、わずかに動くのは指先のみ。Macbook使用なので普段はトラックパッドを使っていますが、その時はそれすらめんどうに思え、基本的にタブキーや矢印キー等のキーボードのみで操作していました。当時はまだなかったのですが、今のMacなら音声入力機能も備わっていてとっても便利です。この動画はGT3Dという目の動きでパソコンを操作できる装置を使った様子です。英研究者」で詳しく書かれています。技術もどんどん進歩していき、いまや手を使わなくてもパソコンが利用できる世の中ですね。こんな所に気を配ろうスクロールが困難なので長すぎるページを避けるキーボードのみで操作できるようにするクリック範囲を広くするリンクを別ウィンドウ(タブ)で開かないリンクを別ウィンドウ(タブ)で開くことについて、デメリットを考えたことはあるでしょうか?別ウィンドウで開く一番のリスクは、キーボードで「前のページに戻る」動作ができなくなることです。他にもパソコン初心者の方も、別ウィンドウで開いたということが認識しにくいようです。別ウィンドウで開く場合にはある程度サイト内でルールを作るといいでしょう。PDF等のファイルのみ、サンプルページのみ別ウィンドウで開く、など。このサイトでは広告のみ別ウィンドウで開くようにしています。jronaldleeIKEAの家具を組み立てた事はありますか?IKEAでは組み立てるための説明書にほとんど文字が使われておらず、上記写真のようにイラストのみで説明しています。日本語を母国語とする人だけが日本語Webサイトを見ているわけではありません。いった人たちにもうまく伝わるよう、文章がなくても内容がわかるように気を配りたいですね。高速回線が普及してきたとは言え、すべての人が利用しているわけではありません。スマートフォンでの閲覧も3G回線ではまだまだ表示までに時間がかかる場合も。通信速度の遅い環境では、サイトの読み込み自体が困難な場合もあるので、画面表示が遅くならないように、画像やファイル等の容量をできるだけ小さくする必要があります。読み込み時間を節約するため、画像を表示しない設定にしている人もいるので、画像のalt属性は必須です。2.0というW3Cによるアクセシビリティのガイドラインがあります。Webサイトの閲覧ができるか体験してみてください。想像以上に難しいことが身を持ってわかるかと思います。音声で読み上げるためのツールは、Windowsなら「NVDA」が有名ですかね。MacではVoiceOver機能が標準搭載されています。視覚に障がいのある方に。「動画で学ぶWebアクセシビリティ」では身体の一部を動かすことができない人が、どのようにWebやPCを利用しているかを動画で見る事ができます。自分で体験できなくても、この動画を見るだけでも新たな発見があるかもしれません。これからのWebアクセシビリティすでにあるWebサイトをアクセシビリティ対応するよう改善していくよりも、プロジェクト開始時やリデザイン時にアクセシビリティも考慮して作っていった方が、作業工程も減り、余計な手間が省けるでしょう。次のプロジェクトではアクセシビリティも考えながら制作してみてはいかがでしょうか?もちろんすべての人に使い勝手のいいサイトを作るのは簡単ではありません。それでも上記のように自分で実際にテストしてみたり、最低限のポイントを抑えて制作するだけでも変わってくると思います。そんなサイトが少しずつ増えていくと、「便利な世の中になったなあ!」なんて思う人が増えたり、なんらかの事情で絶望を感じていた人の手助けができるかもしれません。このブログもアクセシビリティに対応しているとは言えないものなので、少しずつ改良を加えていければと思います。スクリーンリーダーの性能もさることながら、目の動きやマバタキでコンピューターの操作ができるようになってきている今日。ユーザーが利用する技術ばかりが発達するのではなく、利用されるWebサイトの方も歩み寄る必要がありますね。[...]ニュースレターWeb制作の最新情報やWebクリエイターボックスからのお知らせ、中の人の近況等を定期的にお送りいたします。中の人ってこんな人Webデザイナー+WebデベロッパーのManaです。日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作の学校を卒業。カナダやオーストラリア、イギリスの企業でWebデザイナーとして働きました。詳しく知りたいという方は詳細ページへ。@chibimanaでつぶやいてます。Webクリエイターボックス。