css - for="...."とid=".."でラベルテキストを繰り返す必要がありますか？

Question

• 2番目の方法の短所はありますか？http://www.webstandards.org/が2番目の方法を使用することにした理由
• スクリーンリーダーのユーザーにとって、最初の方法は最初の方法よりも優れていますか？

初め

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

2番

<label for="n">Name</label>
      <input id="n" />

Answer 1

唯一の「con」は、idが説明的でないことです。コンテンツが少ないページの場合、これは大したことではありませんが、ページが大きい場合は、説明IDを使用すると開発に役立ちます。また、IDは一意である必要があるため、入力＃26：pで1文字のアプローチは古くなります。

ちなみに、webstandards.orgは、ダウンロード時間を最小限に抑えるために、説明IDを1文字に変更する圧縮ユーティリティを介してhtmlを実行している可能性があります。例えば

彼らの社内コードはあなたの最初の例であり、コンプレッサーはあなたの2番目の例を吐き出します。

Answer 2

私はこれを使用します：

<ラベル>
    <入力>
</ label>