Web のフォームとスクリーンリーダー

Webサイトで会員登録したりメールマガジンを申し込んだりするフォームで、入力や選択が必須の項目なのかどうかがスクリーンリーダーの読み上げだけでは分かりづらい場合があります。
「必須の項目には ＊（アスタリスク）がついています」とか、「赤い印がついているのは必須項目です」とかいう注意書きはスクリーンリーダーで読み上げるのですが、実際にどれが必須なのか判別できないことがあるのです。

たとえば、エアアジアの会員登録ページみたいに各必須項目につけられた「＊（アスタリスク）」もちゃんと読み上げるようになっていれば助かります。
　http://www.airasia.com/jp/ja/
ただ、エアアジアには日本語のサイトもありますが、会員登録フォームだけ英語です。
それから、会員登録フォームの「Mailing address」の欄は三つあります。その全部に入力しなければいけないようにスクリーンリーダーでは聞こえました。ですが、「Mailing address」は一番上の欄にメールアドレスを入力するだけでよかったです。

さて、Web のフォームには画像認証がある場合も多いです。画像として表示されている数字やアルファベットを入力するもので、画面が見えないと厳しいです。
画像の代わりに音声が用意されていたり、確認のメールで認証したりする形式ならスクリーンリーダーでも使えます。
以下のサイトのユーザー登録フォームのように認証コードの入力方法がクイズになっているのもいいです。
『リンゴが２つ、ミカンが３つ。合計でいくつ？半角数字１文字でお答えください: 答えを正確に入力してください。答えられるかどうかでスパムボットか否かを判定します。』
　http://forum.modx.jp/ucp.php?mode=register

ところで、フォームといえば、この記事も参考になりました。
「とあるショッピングサイトの掲示板に見た「使いやすさの原点」について | マミオン有限会社」
　http://mamion.net/2012/11/%E3%81%A8%E3%81%82%E3%82%8B%E3%82%B7%E3%83%A7%E3%83%83%E3%83%94%E3%83%B3%E3%82%B0%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E6%8E%B2%E7%A4%BA%E6%9D%BF%E3%81%AB%E8%A6%8B%E3%81%9F%E3%80%8C%E4%BD%BF%E3%81%84/

タグ：Web案内