text-shadow for IE9 Ver.2 テスト評価のお願い
スクリーンリーダーなどに対応したtext-shadow for IE9の新版がほぼ完成
しばらく前に公開を中止した「text-shadow for IE9」のJavaScriptですが、支援技術(主にスクリーンリーダー)を利用している方々のアクセシビリティにも配慮した新版がほぼ完成したので、みなさまのテスト評価をお願いしたいと思う次第です。
テストページはこちら。
テストで確認していただきたい主な点は以下の通りです。
- 動作確認したい閲覧環境(ブラウザとスクリーンリーダーの組み合わせ)
-
- 「IE9 + スクリーンリーダー」での動作を検証して下さい。
- IE10以上をご利用の場合は、ドキュメントモードをIE9に変更してエミュレートして検証いただいてもOKです。
- 「スクリーンリーダー利用者へのお知らせ」欄について
-
- 「スクリーンリーダー利用者へのお知らせ」欄が、PCの画面上、表示されている(見えている)ことについては気になさらずとも結構です。 テスト向けにあえて「表示」させています。
- ただし、その文言や内容がこれで十分かどうかは、甚だ心許ないところがあります。 「こんな表現ではわかりにくい」「使いにくい」など、表現の不足や過剰、使い勝手などについてアドバイスがありましたら、ぜひ、ご指摘下さい。
-
最新版のNVDAやJAWSなど、WAI-ARIAのaria-hiddenプロパティに既に対応しているスクリーンリーダーでは、この「スクリーンリーダー利用者へのお知らせ」欄は読み上げられないはずです。 ちゃんと読み飛ばされて、text-shadowのテスト本文から読み始めることをご確認下さい。
全てのスクリーンリーダーで読み上げるよう挙動を修正しました。 以下も同様に、PC-Talkerなどに限らず「全てのスクリーンリーダー」に読み替えて下さい。 (全てのスクリーンリーダーで、まずは「スクリーンリーダー利用者へのお知らせ」が読み上げられることをご確認下さい) - 一方、日本国内で一番のシェアを持つスクリーンリーダーとされているらしいPC-Talkerは、開発元に確認したところ、残念ながら、現時点ではaria-hiddenには未対応です。 したがって、PC-Talkerをはじめ、aria-hiddenに未対応のスクリーンリーダーでは、「スクリーンリーダー利用者へのお知らせ」欄が、ちゃんと読み上げられることをご確認下さい。
- 「text-shadow for IE9を無効化する」にチェックを入れて設定した場合、その後の読み上げに支障がないこと、さらに、再読込(ページのリロード)やページ遷移をしたときに、「スクリーンリーダー利用者へのお知らせ」欄がもう出てこない(読み上げられない)ことをご確認下さい。 (今回のテストページから「テスト2へ」という別ページに渡ってみて下さい)
- 「text-shadow for IE9無効化」の設定の保存にはCookieを利用しています。 Cookieの受け入れを拒否していた場合、この設定はそもそも有効化されませんのでご注意下さい。
- 一度「text-shadow for IE9を無効化する」にチェックを入れて設定したら、そのサイト全体で、期間はIE9を閉じるまで、その設定が有効となるようにしています。 もし最初からテストしなおしたい場合などは、お手数ですが、一度IE9を閉じてから再度読み込ませてテストを継続してください。
- テスト本文について
-
- 「text-shadow for IE9のテスト」と読み上げられることをご確認下さい。 そうではなくて、「text-shadow for IE9、text-shadow for IE9のテスト」などと、text-shadowを適用している部分が繰り返し読み上げられることがありましたら、ぜひ、ご報告願います。
テスト結果は、この記事のコメント欄か私のTwitter(@asamuzakjp)までどうぞ。 利用しているスクリーンリーダー、検証結果、不具合、アドバイス、お気づきの点などご報告をお待ちしています。
なお、コメント欄でのメールアドレス欄の記入は任意ですが、ご報告いただいた内容についてご確認したいことなども出てくると思われますので、メールアドレスを記入した上でご報告していただけるとありがたいです。
みなさまのご協力よろしくお願いします。
"text-shadow for IE9 Ver.2 テスト評価のお願い"へのTwitter上でのコメントやRT
13件のツイートがあります。
ツイート 1
asamuzaK.jp : text-shadow for IE9 Ver.2 テスト評価のお願い / スクリーンリーダーなどに対応したtext-shadow for IE9の新版がほぼ完成 http://t.co/6pkWK6Tm44
ツイート 2
ということで人柱絶賛緩募でございます RT asamuzaK.jp : text-shadow for IE9 Ver.2 テスト評価のお願い / スクリーンリーダーなどに対応したtext-shadow for IE9の新版がほぼ完成 http://t.co/6pkWK6Tm44
ツイート 3
まずは、IE9 + PC-Talkerの検証結果が知りたいところですが、IE9 + ちょっと古めのNVDAやJAWSなどとの組み合わせでの結果も是非に http://t.co/6pkWK6Tm44
ツイート 4
IE11のIE9エミュレートでの検証結果だけど、IE9+NVDA2013.3JPとIE9+JAWS15(体験版)で問題なく動作することは確認 / http://t.co/6pkWK6Tm44
ツイート 5
IE11のエミュレートによるIE9 + FocusTalk V3(体験版)での検証もOK http://t.co/6pkWK6Tm44
ツイート 6
FocusTalkで追試していたら気づいたこと aria-hidden="true"の単体指定だと効くけど、role="presentation"を併記すると読み上げられる FocusTalkのバグ? NVDAは両方読み上げない / http://t.co/6pkWK6Tm44
ツイート 7
「スクリーンリーダー向けのお知らせ」は、たとえaria-hiddenに対応していても、全てのスクリーンリーダーで読み上げるよう挙動を変更 http://t.co/6pkWK6Tm44
ツイート 8
でも、やっぱりaria-hiddenに対応していれば表示はいらないのかな? うーむ… RT 「スクリーンリーダー向けのお知らせ」は、たとえaria-hiddenに対応していても、全てのスクリーンリーダーで読み上げるよう挙動を変更 http://t.co/6pkWK6Tm44
ツイート 9
全てのスクリーンリーダーに知らせるかどうか、公開までもう少し考えてみる RT 「スクリーンリーダー向けのお知らせ」は、たとえaria-hiddenに対応していても、全てのスクリーンリーダーで読み上げるよう挙動を変更 http://t.co/6pkWK6Tm44
ツイート 10
PC-Talkerで検証。「お知らせ」欄にaria-hidden="true"をつけて試してみると、PC-Talkerは全文読み上げ時と仮想カーソルでの読み上げ時では、挙動が異なるもんだから、問題ありだな… http://t.co/6pkWK6Tm44
ツイート 11
命題。aria-hiddenに対応のスクリーンリーダーは読み上げず、PC-Talkerは全文読み上げ時も仮想カーソル読み上げ時も読み上げる方法を考案せよ。 …でも、そんな方法あるのか?w http://t.co/6pkWK6Tm44
ツイート 12
FocusTalkも巻き込むことになるけど、role="presentation"の併用だけかな… role="presentation"の使い方として正しいかどうかわからないけど… http://t.co/6pkWK6Tm44
ツイート 13
「お知らせ」欄にはaria-hidden="true" role="presentation"を付与するよう再度変更。 これで最終チェックして何も問題なければ公開できるかな? / http://t.co/6pkWK6Tm44