ARIA9: 複数のテキストノードをつなげて一つのラベルにするために、aria-labelledby を使用する 適用基準

Webアクセシビリティ
スポンサーリンク

ARIA9を簡単に言うと

ARIA9: 複数のテキストノードをつなげて一つのラベルにするために、aria-labelledby を使用する

aria-labelledby で、ラベルを連結するってやつ。

 

例えば、

aria-labelledbyが以下の3つあったとする。

  • あと
  • 20
  • 分で定時

そうすると、これら3つを連結すると意味が通る。

「あと20分で定時」

20の部分は可変になってたりする場合に有用。

 

 

適用判断基準

実際のコードの書き方は、事例にあるコードを引用すると分かるが、

aria-labelledby="timeout-label timeout-duration timeout-unit">

aria-labelledbyの中身の値が複数ある場合、適用になる可能性が高い。

 

コメント