WAI-ARIA 1.1 の aria-describedat が aria-details に置き換わるらしい

WAI-ARIA 1.0 から定義されています。

• aria-describedby (property)
• 「Techniques for WCAG 2.0」の ARIA1
• 「Techniques for WCAG 2.0」の ARIA15

こんな感じで同一文書内にある要素の ID を指定します。

<p><img src="foo" alt="代替テキスト" aria-describedby="foo_description"/></p>
<p id="foo_description">詳細な説明文</p>

なお、指定できる値は「ID参照リスト」とされているので、スペース区切りで複数のIDを指定することもできるようです。

WAI-ARIA 1.1 で定義されています。

• aria-describedat (property)

aria-describedby と異なり URI を指定しますが、フラグメント識別子のみを記述して同一文書内の箇所を指すこともできます。

<p><img src="foo" alt="代替テキスト" aria-describedat="#foo_description"/></p>
<p id="foo_description">詳細な説明文</p>
<p><img src="foo" alt="代替テキスト" aria-describedat="http://example.com/foo_description"/></p>

• ただし、このプロパティは次回更新で削除されるので、実装すべきではない（SHOULD NOT implement ）とされています。

WAI-ARIA 1.1 の Editor's Draft 版で2016年2月25日に追加され、代わりに aria-describedat は削除されました。

• aria-details (property)(w3c.github.io)

基本的な考え方は aria-describedat と変わらないように思えますが、指定できる値は URI でなく ID となり、とくに外部リソース参照時の書き方が大きく変わっています。

<p><img src="foo" alt="代替テキスト" aria-details="foo_description"/></p>
<p id="foo_description">詳細な説明文</p>
<p><img src="foo" alt="代替テキスト" aria-details="foo_description_link"/></p>
<p><a href="http://example.com/foo_description" id="foo_description_link">詳細な説明文へのリンク</a></p>

なお、aria-describedby と aria-details が両方指定されたときは、aria-details の指定が優先されるとあります。

• WAI-ARIA 1.1で追加されたaria-describedatプロパティについて - E-riverstyle Vanguard(blog.e-riverstyle.com)
• WAI-ARIA 1.1の最初の草案 & WAI-ARIA 1.0勧告時期の目安 | アクセシビリティBlog | ミツエーリンクス(accessibility.mitsue.co.jp)