プロ野球ドラフト

マークアップという視点から言えば、labelにtitleでも勿論問題ないと思いますが、必要な情報であれば何らかの(pとかの)要素のコンテンツとして、その上で目が見えている人には不要と言うことであればCSSで視覚者向けに情報を見えなくするのが正道 (過言) なのではないかと思います。
# 一部音声ブラウザは気を利かせて視覚的な不可視の指定まで読み上げない状態になるらしいので、アクセス性が全く向上しないことも有るようですが……。

透明gifを使うのは、要するに音声で情報を得ている人向けですね。そして、screen向けCSSでdisplay:none;の指定を音声UAでもそのまま解釈してしまうというのも知っているので、あえて、display:none;で制御という風には書かなかったのですよ。というより、音声UAの読み上げがIEなどのグラフィカルブラウザに搭載されているレンダリングエンジンに依存している以上、display:none;が適用されてしまうのは当たり前のような気が。
CSSで制御するのでも他の方法は使えないのか、HTMLで指定するのであればどういう方法があるのかについて、読んでいる人に考えて欲しいのですよ。マークアップとしておかしな方法を「アクセシビリティ実現のため」と称して推奨することに違和感を感じています。いずれ、本サイトの方で取り上げたいと思います。

>音声UAの読み上げがIEなどのグラフィカルブラウザに搭載されているレンダリングエンジンに依存している以上、 display:none;が適用されてしまうのは当たり前のような気が。
当たり前の話ですがCSSの状態に関係なくIEは要素を認識できます (display:none;だと DOM ツリーから消える……なんて訳ありません)。従って、読み上げ式UA側が、CSSの解釈をまちがえているか、読み上げ式の癖に「レンダリング部分」を使っているかどちらかな訳で、どちらにせよ音声UA制作者側の手落ちであり、当たり前ではありません。
>読んでいる人に考えて欲しいのですよ
勿論その文意は読めましたが、「マークアップという観点からいえば」と言うのであれば、先のろばＱの書き込みの方がより良いのでは? というのがろばＱのコメントの意図です。
・必要な情報はコンテンツとして書く
・本文に含めるほどではない補足情報は属性などにその都度記述する
・その上で各メディアで過剰な情報は、各メディア向けCSSで削除する
自分は HTML+CSS の文書作成ではこれが原則だとおもっており、フォーム入力の補助的な説明は、「本来 (マークアップという観点からいえば) 本文に有るべき情報なのではないか」と言うことです。