jQuery Mobileフォームでアクセシビリティに優しい方法でラベルタグを隠すにはどうすればよいですか？

Question

jQuery Mobileアプリケーションのフォーム入力タグでラベルタグを非表示にし、特定の入力が何であるかを記述するプレースホルダ属性に依存したいとします。

しかし、スクリーンリーダーは、ラベル要素を使用して、入力要素の具体的な形式を記述します。プレースホルダ属性に依存しません。

フォームリーダーでラベルタグを確実に読み取ることができるようにするにはどうすればよいですか？

Answer 1

JQMはこれをクラスで行います。ただ、追加UI--隠さアクセスので

<div data-role="fieldcontain" class="ui-hide-label"> 
    <label for="username">Username:</label> 
    <input type="text" name="username" id="username" value="" placeholder="Username"/> 
</div> 

を参照してくださいのようなあなたは、フィールドコンテナの内部のすべてのラベルを非表示にすることができますので、

<label for="username" class="ui-hidden-accessible">Username:</label> 
<input type="text" name="username" id="username" value="" placeholder="Username"/> 

Answer 2

（例えばDIV）のようなあなたのラベルタグへjQuery Mobile documentation。