0

フォーム要素用に作成したラベルは <form> 本文にある必要がありますか? たとえば、これは準拠しています:

<div style="display: none;">
    <label for="somename">Some Name</label>
    <!-- more labels.. //-->
</div>

<!-- insert lots of HTML here //-->

<form>
<input type="text" name="somename" id="somename">
<!-- insert more elems here //-->
</form>
4

4 に答える 4

1

いいえ。関連する要素のすぐ隣にあるのが理想的ですが、そうである必要はありません。508 規格が曖昧に見えるのは事実です。その理由のいくつかは、一致させることができるコンプライアンスのレベルが複数あるためです。優先度 1 の 508 への準拠は、イライラするほど低いことが常でした。あなたはほとんど何でも逃げることができました。私が常に(少なくとも)やろうとした2つのことは

  1. サイトまたはページをチェッカーで実行する
  2. テキストのみのブラウザでサイトを見る

2 番目のステップのおかげで、最初のステップよりもアクセシブルな Web サイトの開発者になったと思う)。すでにスクリーン リーダーでサイトをチェックしている場合は、おそらく先を行っています。

于 2010-01-20T18:25:37.970 に答える
1

一般に、ページに複数のフォームがある場合を除き、このタグは意味的な意味をあまり提供しません。その場合、フォーム タグは、関連付けられているフォーム要素を示します。

そうは言っても、タグはその要素の ID によって 1 つの他の要素にのみ関連付けられているため、その場所にも依存しません。そのため、ラベルである要素に対してどこに配置してもかまいません。ですが、通常はラベルを要素の近くに置くことをお勧めします。ページが説明する要素から離れすぎている場合、ページのセマンティックの妥当性に疑問を呈します。ドキュメントがセマンティックであることを確認することは、アクセス可能にするための重要な要素です。508 は、アクセシビリティのための最善の努力のみを必要としますが、セマンティック ドキュメントを持つことが難しすぎるケースはほとんどありません。

于 2010-01-14T21:28:00.813 に答える
0

あなたも使うことができます

<label class="hideme" for="blah">blah blah</blah>

どこ

.hideme {
    display: none;
}
于 2010-01-20T18:21:08.183 に答える
0

誰かが疑問に思っている場合は、Thunder スクリーンリーダーをインストールしました。上記の形式に完全にアクセスできます。

于 2010-01-14T20:21:27.123 に答える