label要素を隠すにはCSS
Posted by @Style : 
23:04
| 
コメント (2)
| 
トラックバック (0)
一般的にはすべてのフォームコントロールに視覚的なラベルを付与するのが最善ですが、そのコントロールを囲っているテキストの記述そして/あるいはそのコントロールが含んでいるコンテンツ次第では、視覚的なラベルが不要な場合があります。しかしながらスクリーンリーダのユーザは、コントロールを耳にしたときにその目的が理解できるよう、個々のフォームコントロールに対し明確にラベルが付けられていることを必要とします。ラベルはposition: absoluteを指定するか、heightおよびwidth値を0にしoverflow:hiddenを指定するか、あるいはdisplay:none を指定することにより、表示しないようにすることができます。これらのテクニックはラベルが目の見えるユーザに対して表示されることを防ぎますが、スクリーンリーダーはそのラベルが非表示であっても読み上げるでしょう。ブラウザ側でCSSが無効化されていれば、すべてのユーザに対しラベルが表示されます。
一般的な音声ブラウザだと思われているホームページ・リーダー3.01はdisplay:noneを全く読み上げないので、ラベルの存在がわからない。（3.04は未確認）
そうなると読み飛ばしリンクにも使用できない。position: absoluteが現実的な手段のようです。
前のエントリー：ナビゲーションとスペーサー画像
次のエントリー：MovableType 3.2 でのテンプレート適用方法
関連記事
- MovableType 4.2 2Column HTML5の解説（幅の調整）
- MovableType 4.2 無料テンプレート 2Column HTML5 リリースしました
- フロートする要素には幅を宣言しておく必要があります
- Floating Boxes Layout
- MovableType 4でkeywordsを記述する【改訂版】
- MT4 テンプレート 2Columnのカスタマイズ その1
- Markup Validation Service
- WebInspector 5.02 Java6対応版
- Web Designing 2007年 05月号 元原稿
- XHTML 1.1
トラックバック
このエントリーのトラックバックURL:
http://atstyle.biz/blog/mt-tb.cgi/40
コメント
はじめまして。書き込み失礼します。
お伺いしたいことがあり、よろしければお答え頂ければと思います。
【やりたい事】
数箇所あるlabelの内のひとつをCSSで指定してレイアウトする。
の様にclass等が指定されていない時など、CSSでどのように表記したらよいのでしょうか。
a
.item label ？aaa {padding-left: 5px;}
たとえば当方でCSSしか触れない場合など、指定するのは可能なのでしょうか。よろしくお願い致します。
投稿者 morimo : 2008年10月10日 08:56
classやidを付加する方法がないと、該当のlabel要素を特定することができないので、複数のlabel要素の内のひとつだけをコントロールすることは難しいと思います。
投稿者 @Style : 2008年10月10日 11:00
スポンサード リンク
