サイトの一貫性
サイトの一貫性
ウェブアクセシビリティ入門 第３７号
発行日 ：200５年８月２９日
- 一貫性
- ユニバーサルな 配慮だが
- アクセシビリティ もっと厳しい
皆さんこんにちは。ウェブアクセシビリティ・プランナーの望月優です。
７月１５日に中野サンプラザで
ウェブアクセシビリティセミナー-音声ブラウザ対応エッセンス-
を行いました。
そのときの様子を撮影したビデオをようやくＤＶＤに編集しましたので、テキストとともに、ご希望の方には有料でお分け致します。
全体を通して、音声ブラウザで実際のページを見ながら具体的に説明しています。
なお、セミナーの概要は以下のページで紹介しています。
本日のメインテーマ：サイトの一貫性
ＷＥＢＪＩＳでは、「5.3 操作及び入力」で、次のように記載しています。
f) ウェブサイト内においては，位置，表示スタイル及び表記に一貫性のある基本操作部分を提供することが望ましい。
まさにその通り。これに関してはどなたも異論はないでしょう。
むしろ、それは「ウェブアクセシビリティ」の観点というよりも、ウェブサイト制作一般に言えることでしょう。
さて、その観点から、音声ブラウザ利用者には非常に手ごわいアマゾンのサイトを観察してみましょう。
ボイスサーフィンVer3.10
http://www.amedia.co.jp/product/vs3/
で以下にアクセスして見ました。
http://www.amazon.co.jp/
>最初のマップ
アクセスすると、次のような音声が聞こえてきます。
ショッピングカート
ウィッシュリスト
アカウントサービス
ヘルプデスク
ソースをみましたところ、これらはマップになっているものの、それぞれの area タグに alt 属性で説明が付けられているので、その説明を読んでいます。
それぞれの音声のところでエンターキーを押すと、それぞれ適切なリンク先のページを読み込むことができます。
しかし、その下に、 alt での説明のないマップが一つあります。
これは、私がソースを見ているから気がついたのですが、ボイスサーフィンの音声だけでは、存在すら伝えてくれません。
>リンク先の判らない画像群
次に、
「Amazon.co.jp について」
という、意味のわかるリンクを一つはさんで、１２個もの「画像」としか読み上げてくれないリンクが出てきます。
つまり、 alt での説明のない画像リンクが連なっているわけですね。
私も忙しいので、いちいちリンク先にアクセスしてその内容を確認したくはありません。
なので、これらはまとめてスキップ。
>検索用の選択メニュー
そこから少し下に読み進んでいくと、やがて１３個の選択メニューが現れます。
ボイスサーフィンでは、この選択メニューの先頭で
「１３個の選択項目」
と読み上げます。
そして、その先頭の「全ての商品」が最初は選択されているのですが、この選択されている項目を少し高い声で読み上げるので、選択されていることがわかります。
さて、この１３個の項目の次にテキスト入力部分があり、ここに検索キーワードを入力して、その下にある
「Go」というボタンを押すと、選択された分野で検索を行ってくれます。
>一貫性の考察
さて、このように、音声ブラウザでの探索内容を書きつづけていると、いくら書いても終わりませんので、ちょんと飛んでサイト全体の一貫性の考察に入ります。
上に書きました４つの area ボタンのあるマップとリンク先のわからない画像リンクは、おおよそ、どのページに移動しても出てきます。
また、１３個の選択メニューから検索する部分も、多くのページで出てきます。
実は、その下に、またカテゴリーを選ぶリンクなどもあるのですが、おおよそ、サイト全体を通しての一貫性はあると言って良いでしょう。
また、これらマップやリンクはユーザーに提供している操作部分ですから、 WEBJISのいうところの操作部分の一貫性という点では、アマゾンは十分にその仕様をカバーしていると言えます。
>実際には手ごわいサイト
ただ、実際には、音声ブラウザで利用している視覚障害者にとっては、アマゾンはかなり手ごわいサイトです。
その理由は、私が提唱する「音声ブラウザ対応エッセンス」の３項目を、ひとつもカバーしていないからです。
１． リンクの判り易さ（alt のないリンク画像は失格）
２． 見出しタグ（アマゾンでは使用していない）
３． ナビゲーション用のスキップリンク（アマゾンでは使用していない）
この点をしっかりと抑えたい方は、私の７月１５日のセミナーのビデオを是非見てください。
http://www.amedia.co.jp/melmaga/webaccess/present.htm
画像認証トピック
読者の方から、QRコードに対してはそれを読み取ることのできない人に対する代替手段を用意しているのに、なぜ目の見えない人に対しては、代替手段を用意しないのかという主旨のブログを紹介頂きました。
http://blog.goo.ne.jp/harmony-web/
この記事からも感じるのですが、画像認証に対する代替手段というと、どうしても技術的な、１つに決まる代替手段を皆さんは思い浮かべるのではないでしょうか。
実は、そのような「一つの代替手段」を求めるのではなく、それぞれのケースに応じた代替手段を採用すればよいのではないでしょうか。
これこそ、「ウェブアクセシビリティマインド」なのです。
その意味で、前回、読者の方の案を元に提唱させて頂いたメール方式、技術的にパーフェクトな代替手段であるかどうかという評価に固執するのではなく、その方式でいけるところはどんどん採用してもらうように働きかけることが先決なのではないでしょうか。
編集後記
８月２０日に公開したボイスサーフィンＶｅｒ３．１ですが、その利用現場をプログでぼちぼち紹介しています。
http://voicesurfing.livedoor.biz/
今回の総選挙に向けて、私の気持ちを書き連ねているブログもあります。
■ウェブアクセシビリティは、どんな方にも読み易いサイト作りの心配りです
ウェブアクセシビリティのコンサルティングや講演を承ります。
アメディア発行のメルマガ紹介
アメディア及び望月優は、本誌のほかに、以下のメルマガを発行しています。
週刊福祉情報（まぐまぐ殿堂）
毎週木曜日に、障害当事者の心のこもったコラムや１週間の福祉ニュースのソースを届けしています。
関連ブログ＆サイト
視覚障害者の情報文化を紹介する「アメディアレポート」
毎月第２と第４火曜日に、視覚障害者のライフスタイルや視覚障害者に便利な最新技術情報などを紹介しています。
アメディアの社員が輪番で編集を担当していますので、編集人の個性が出て、毎号雰囲気が違うのも一つの楽しみです。
望月優の経営指針雑記帳～２１世紀を創造する企業を目指して！
企業家としての望月優が、自身の経営指針を掘り下げる過程で感じ取った生きがいのある人生や自立、成長、平和などへの思いを語ります。
発行理念
本誌は、ウェブサイト作りに取り組む皆様とその構築に責任を持つ方々が皆障害者や高齢者の存在に配慮したサイト作りに励んで頂くことを願って発行しています。
ウェブアクセシビリティの分野はまだ注目され始めたばかり、その具体的なノウハウの定番はまだほとんどないと言っても過言ではありません。
インターネット技術は常に進歩、変化しつつあります。その点からみると、いくら追求しても「定番」の確立はありえないのかも知れません。
本誌では、全盲の望月優が現在までに紹介されているノウハウと自らの考察による新しいノウハウを、全身全霊を込めて説明・紹介して行きます。
ウェブアクセシビリティに関して秘密にするノウハウは一切ありません。全てのサイトがアクセシブルになって欲しいからです。
私の誤解や知識不足から、誤った説明や不適切な提案をしてしまうことがあるかも知れません。それに気がついたときには速やかに訂正致します。
ですから、読者の皆様からの指摘や提案が非常に大きな手助けとなります。
このメルマガを通して、ゆるやかな「ウェブアクセシビリティ大連合」が形成されていくことを念じて、発行を続けて参ります。
セミナー、講演の依頼は下記ページよりご遠慮なく
本誌では、
「JIS X 8341-3 高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－ 第3 部：ウェブコンテンツ」
をしばしば引用させて頂いております。
必要な方は、下記サイトからお求めください。
WebStore
メルマガ「ウェブアクセシビリティ入門」配信登録
「ウェブアクセシビリティ入門」に登録
ウェブアクセシビリティ教材
- Ｅブック-SEOの土台を築くウェブアクセシビリティ
- 第１回ウェブアクセシビリティセミナー～音声ブラウザ対応エッセンス
- 第２回ウェブアクセシビリティセミナー～SEOの基盤を構築するアクセシビリティ
- 第３回ウェブアクセシビリティセミナー～バリアフリーサイト作りの基本と実践
ウェブアクセシビリティ関連リンク集
- ウェブアクセシビリティ入門サイト
- メルマガ「ウェブアクセシビリティ入門」
- 株式会社アメディア・ウェブアクセシビリティガイド
- web content accessibility guidelines (WCAG) 雑記帳
奥付
〒169-0051
電話番号 ：03-5286-7511
FAX番号 ：03-5286-2567
アメディアのウェブアクセシビリティ・ガイドライン （参考にしてくださいね）
コメントはありません