CSSの（相対的な初心者のために）の形や方法論

私はjQueryのと一緒にうまく動作CSSでフォームを行う方法の選択について、それらの先延ばし過度に刺激パニック発作の1を抱えている（または.NET）とアクセス可能です。CSSの（相対的な初心者のために）の形や方法論

私は今、かなり難しいのアクセシビリティ/コンプライアンス事でヒットしてきたので、私は間違った選択をするの恐怖です。私はすぐにプロトタイプを作成しなければなりません。

私はいくつかのCSSレイアウトやデバッグを行ってきたが、実際に（電話またはzipを好きではない）、複数のフィールドですフォームとDIVおよびFLOATとあまり行っていません。

2011-08-06 Caveatrob

：基本的に

は、あなたが可能な場合、次の操作を行いたいです...

は、スクリーンリーダー
に役立つが、互いに（並べ又は上に近い関係でスクリーンリーダーにも各elementにtitle ...人
使用labelsとinputsを含む...各inputにtypeを含みます
は、ユーザーがタブ形式を通じて、つまり、彼らは
は、あなたのCSSは、彼らがフォーカスを受け取ったときにフォーカスを表示する要素を可能にすることを保証ナビゲートするためにキーボードを必要としないことを確認してください）他の。

また、クライアント側のビット（例えば、ジャバスクリプト）の検証も非常に有用です。

また、アクセシビリティを支援され、あまりにもHTML5フォームの改善のいくつかをチェックアウトすることができます。

2011-08-06 21:36:57

実際にこの種のものは必要ありません。フォームをレイアウトするには<form>と<label>をご利用ください。あなたは、アクセシブルなフォームに興味があるこれら二つのサイトを見ている場合は

2011-08-06 17:24:48

おそらくあなたができる最も重要なことは、明示的にこれがAssociatedControlID property

を使用することによって達成されるDOTNETで labels' for attribute

<label for="name">Name</label><input type="text" id="name />

を設定することによって、彼らのコントロールとラベルを関連付けることを確認することです

<asp:Label AssociatedControlID="String" />

2011-08-06 22:06:40 steveax

答えて