Open2
WAI-ARIAについての疑問点
Y.
<section>タグにaria-labelledbyをつけるべきか
aria-labelledbyとは？
aria-labelledby属性の目的はaria-labelと同じだが、アクセシブル名を作成するために参照できるコンテンツがない場合はaria-label、要素のアクセシブル名を定義するために別の要素を参照できるときはaria-labelledby属性を使用する。
aria-labelの使用例（SNSアイコン）
<a href="https://sns.link" aria-label="Go to sns page">
<svg>
・・・（省略）
</svg>
</a>
aria-labelledbyの使用例
<section aria-labelledby="title">
<h2 id="title">見出し</h2>
</section>
次の記事で、<section>タグにaria-labelledby属性を付与している例が出されている。
デジタル庁のWebサイトはつけておらず、MDNの公式ドキュメントはaria-labelledby属性をつけている。
<section>タグの中に見出しをいれるときはaria-labelledby属性をつけるべきなのか？
Y.