音声対応の読み飛ばし音声ブラウザ等を使って、ホームページを見る人にとって、全てのページの上とか横とかに同じデザインのインデックスがついていたりするととても使いづらい。目が見える人だと、これはそういう場所なんだなと見てすぐに分かって、便利に使いこなせるのだけど、音声ブラウザだとこのページはこのくらい読み飛ばせば内容に行き着くはずだと、連打の具合を経験で覚えていくしかない。慣れないうちは迷路に迷い込み、インデックスにある、開いているページ自身へのリンクを、目的の言葉へのリンクがあったぞとばかりに、何度も踏み続けることさえある。作る側もアクセシビリティを全く無視しているわけではないのだろうが、大多数の人に使いやすくせざる得ない以上(中には音声ブラウザがあることすら知らない制作者もいるかもしれないが)、両立というのはとても難しい問題だ。この問題に対する打開策の1つが、次の方法である。この方法は有名な方法なのだろうか。調べ始めたばかりなのでよく分からない。技巧的な方法ではあるが、うまく問題を解決できる。・アクセシビリティTIPS【読み飛ばし編】不要な読み上げを避けるにはhttp://allabout.co.jp/career/webproduce/closeup/CU20031206A/index.htmページ最初に、極小の不可視画像を置き内容部へのリンクとALT属性を使って誘導する方法である。|2004年05月21日ホームページの音読方法ホームページの内容をしゃべらせるには2つの方法がある。ホームページの内容を解析できる専用のブラウザを使う方法と、インターネットエクスプローラを音読機能のあるスクリーンリーダを使う方法。具体的には、前者はIBMのホームページリーダーV3.01を使う方法と、後者はスクリーンリーダーPC-TalkerのIE読み上げ機能を使う方法が一般的である。ホームページリーダーはIBM独自の音声エンジンを使うため、日常使っているスクリーンリーダーを終了させないと、音声が重なってしまう。いちいち手動で切り替えるのが面倒なため、これを回避するためのフリーソフトも作られている。音声ブラウザ用のメッセージこのブログに記事を書き留めるようになって、いろいろ関連のページを調べるようになった。本当に、たくさんの音声ブラウザを話題にしたサイトが作られてる。こんなところで、まとめていく必要性もないのかな。」http://www.pugx3.com/bfi/html/howto/onsei_info.htmlここでは音声ブラウザ利用者に対して、HTML内の情報の位置などを伝えるメッセージを書く方法が考察されている。結論としては、音声ブラウザの代表であるホームページリーダーが、音声出力用のスタイルシートに対応していないため、現状ではスペーサーを使ったimgタグの代替テキストを使う方法が無難だってこと。alt="ここから本文です">このページで紹介されている富士通のアクセシビリティ指針のページに行ってみると24番に、3日前に書いた記事の技法についての説明がちゃんと書いてあった。体験版導入いろいろ考えて、しばらくは音声ブラウザについて調べていくことにした。そのために、PC-TalkerXP体験版と、HPR3.01(ホームページリーダーv3.01)の体験版を入れてみた。両方とも30日間の制限つきなので、これから一ヶ月間、いろいろ調べていく。23時50分32秒に書いた、ナビゲーションなどの読み飛ばし法。結論として、HPR3.01だとうまく読み飛ばすことができたが、PC-TalkerのIE6読み上げ機能ではうまくいかなかった。画面ではちゃんとリンク先に飛んでいるが、音声は、ページの先頭からまた読み上げようとしてしまう。PC-Talkerだけでホームページを簡易読みしている人たちまで、考慮に入れると、この方法では解決できないことになる。HPRを買ってもらうか、他のソフトを入れてもらうしかないな。VE2000でも調べてみよう。|2004年06月01日HPR3での読み上げ方1ホームページリーダーには、いくつもの読み上げモードが用意されている。それらをショートカットキーで、簡単に切り替えることができる。次にまとめるのは、ページの中を進んだり、戻ったりしながら、一歩一歩情報を読み上げていく方法。カーソル読みモード・行読みモード行ごとに読み上げる。このときの行とは、段落、見出し、リンクなどテキストのまとまり。・句読点読みモード句読点単位で読み上げる。次の句読点読み・文字読みモード文字ごとに読み上げる。・カーソル読みモード一般のワープロソフトの感覚で読み上げる。現在の行の最後の句読点読みカーソル読みモードでは、シフトキーを使った範囲選択をすることができる。HPR3ではこのように様々な読み方を使って、ページの内容に合わせて読み上げていく単位を調整しながら、ページの中を進んだり、戻ったりしながら読んでいくことができる。このほかにも、様々な読み上げモードが用意されている。これを少しづつまとめていく。次のブロックの先頭ブロックとは、リンクの部分と、テキストの部分のまとまりのこと。それらを交互に移動していける。前のリンクこれが、読み上げるための基本のキー操作。前回まとめた、読み上げモード毎のキー操作と合わせてると、かなり自由自在にページ上を動き回れる。それもスペース、矢印、Tab、Ctrl、Shift、Home、Endと、迷わずに使える少ない基本的なキーだけで操作できる。HPR3のキー操作はこれだけではない。テーブル読み上げモードなどの他の特殊な読み上げモードは次回まとめてみる。|2004年06月04日HPR3での読み上げ方3今回まとめるのは、特定の領域だけを読み上げていく方法ページの中にある特定の要素だけを移動していく。Alt+T・見出し読みモード(Alt+1)現在の見出しを読み上げ、移動していく。内容の読み出し前に、その見出しのレベルを読み上げる。Alt+Oフォームやフォームの入力領域にジャンプする。Alt+Jテーブル間の移動と、テーブルの最初の行を読み上げ。内容を読み上げる前に、テーブル番号を通知する。Alt+T矢印キーを使ってセルを移動し、その内容を読み上げる。現在の行の右端のセル結合セルがある場合は、最初のセルで行か列の番号の1と幅を読み上げ、その内容。次からは、その番号のみを読み上げる。現在の行の右のセルこれらの操作は、キーボードだけで操作してみると分かるが、あると本当にありがたい操作ばかりである。テーブル読み上げに関しては、使いこなせないくらい豊富な操作が用意されている。|2004年06月05日2ch用音声ブラウザいわゆる2ちゃんねるの専用ブラウザにも読み上げ機能のあるものがある。Speechがそれだ。マウスボタンと、ホイールだけで、2chの書き込みを音読してくれる。他のアプリに切り替えるときが不便だが、ほとんど腕を動かさずに、指先だけでいろんな書き込みにアクセスできるというのは、かなり快適だ。リンクがあると、リンク先にまで飛んでくれるので、ちょっと操作を間違えると2chだけに見たくないものまで晴眼者は見てしまうことがある(笑)。マウスで基本的な記事へのアクセスはできるのだが、複雑な操作はキーボードにいろいろと割り当てられている。HPR3のときみたいに操作法をわざわざここに書き出しはしないが、英語の操作名を基本にキーに割り当ててあるので、覚えるのは何とか、なりそうだ。投稿機能もちゃんとある。操作性に関して気にかかったのは、Windowsの標準的メニューバーを使った操作が採用されていないこと。目の見えない方は、パソコン教習で必ずAltキーでトップメニューを選択するというのを鉄則だと教わる。何か操作をしたくなったり、使いたい操作がないか探すときは、とりあえずAltキーを押して、カーソルキーを使ってメニューを読もうとされる。このソフトの操作が単純なので、わざわざメニューを作らなくてもいいのはいいのだが、あってもいいかなと思う。それとマウスを動かすと、アプリケーションのウィンドウが動くということ。目の見えない方は、マウスが邪魔なのでスピーカーの後ろに放り込んでいる。ノートパソコンだと、タッチパネルで予期しない状況に追い込まれ、再起動を余儀なくされることが度々あったため、厚紙を貼り付けられている人を見かけたことがある。この機能はなくてもいいかな。いろいろな操作性を研究することはいいことだ。この作者は、他にも音声読み上げソフトを発表および開発中である。「ニュースtoスピーチ」は便利だ。実はsapiの使い方分かってきたので、自分でこんなソフト作りたいなと思っていたのに、もうすでにあったんだ。Speechにしか気づかなかったので、それはまたの機会。|2005年05月06日Firefox独自ビルドこのブログのテーマからはずれてしまうかもしれないけれど、Firfoxを調べているうちに、自分でも独自ビルドをしたくなったので、GW中にやってみました。そのまとめを書いておきます。独自ビルドをするわけですから、もちろん最適化ビルドです。環境はWinowsXPのVS.NET。Japanのビルドドキュメントを参考に進めました。他にFirefoxのまとめサイトなどいろいろ参考にさせてもらいました。「MOOX」や「テテのアトリエ」の記事は最適化したものとの入れ替えのやりかたや日本語化に関してためになりました。私のビルドはここまで徹底はせずに、コンパイラオプションだけですませてますけどね。about:buildconfigで調べると、Windowsの公式版Firefox1.0.3はcygwin環境で作られていてconfigオプションはこうなっています。-arch:SSE"を入れてビルドしようとするのですが失敗しました。/GLと/YXオプションを同時に設定できないというコンパイルエラーが出ます。googleに頼るしかありません。見つかりませんでした。いろんなキーワードを組み合わせて答えにたどりつきました。最後のブロックを削除しろということ。いう文字がありました。他の資料をよく読めばわかったかもしれないけれど、なんとかこれでできました。以前より機敏になったように感じるのだけど、これでいいのかな。今、それで書き込んでます。自分でビルドしたFirefoxを使っているけれど、今のところ問題はありません。テキストエリアに書き込むのが微妙に遅く感じられたので何かいい拡張がないか調べて、MozExを見つけました。Webページのテキストエリアを書くときに、いつも使うテキストエディタを呼び出してくれるものです。UTF-8形式で保存できるエディタでなくてはなりません。ここに書くとき途中で操作を間違って他のページを開いたりすると、それまでの入力を台無しになってしまうことがあります。実は昨日も久しぶりに長文を書いていたらやってしまいました。これを使うと、そういう心配もなく安心して書いていけます。MozExについては、下の記事を参考にしました。自己ビルドについて改めて調べてみると、他にも分かりやすいページがありました。別館」の綾川版Firefox&作成のための覚え書きここには-GLオプション使用時のコンパイルエラーに対する対処法もちゃんと書いてありました。ビルドするのページはとても詳しい情報が書いてあります。(06/28)OpenJTalkの共有ライブラリを作ってみました。追加しました(03/14)点字タイプ入力ソフトに、テンキー点字入力機能を追加しました(11/13)OpenJTalkの共有ライブラリを作ってみました。2.0QRコードSeesaaブログ。