既にラベル付けされた入力要素に "aria-labelledby"を使用する目的は？

Question

多くARIAデモのウェブサイトは、次のようなコードを使用します。

<label for="name" id="label-name">Your Name</label> 
<input id="name" aria-labelledby="label-name" type="text"> 

しかし、この場合にaria-labelledby属性を使用する目的は何ですか？ input要素はfor属性を使用しているlabel要素で既にラベル付けされていますか？

Answer 1

Mozilla Developer pagesにその良い使用例があります。親メニュー項目にポップアップメニューを関連付けるために使われている場所を、おそらく彼らの例の最高がある - それは、ページ内に実施例7です：

<div role="menubar"> 
    <div role="menuitem" aria-haspopup="true" id="fileMenu">File</div> 
    <div role="menu" aria-labelledby="fileMenu"> 
     <div role="menuitem">Open</div> 
     <div role="menuitem">Save</div> 
     <div role="menuitem">Save as ...</div> 
     ... 
    </div> 
    ... 

ARIA属性のバリア構築に最大の使用の傾向にありますリッチインターネットアプリケーション：標準的なセマンティックHTMLに固執していれば、標準ラベルのフォームを使用しているので、それはまったく必要ないはずです。したがって、LABEL/INPUTペアで使用する理由はありません。しかし、「リッチUI」をゼロから作成する場合（DIVや他の低レベル要素にインタラクティブ性を追加するjavascriptを追加する場合）、スクリーンリーダーにより高いレベルのインテントが何であるかを知らせることが不可欠です。

Answer 2

開発者がプロ​​グレッシブエンハンスメントに目を向ける理由は、常に新しいUAサポートの問題です。このARIA技法は、「for」属性を取り除く能力を提供し、他の要素を豊富な形態の一部とすることを可能にする。これらの技術は一般的な方法になります。