WAI-ARIA(ウェイ エリア)

https://qiita.com/ymrl/items/6c9c059208ea11e6d7bc
https://developer.mozilla.org/ja/docs/Learn/Accessibility/WAI-ARIA_basics
スクリーンリーダーにhtmlの要素が何(どんな役割を持つか)を伝えるための補助的な属性。
htmlでは提供されていないUIを入れ子div要素やjavascriptの組み合わせなどで作成することがあるが、それらを身体障害者用のスクリーンリーダーで読ませるときに正しく認識できるようにすためのもの。
あくまで『スクリーンリーダーに情報を与える』だけ属性であり、ウェブページの機能やDOMには影響を与えない。たとえば`area-disabled="true"`とした要素は無効化されないし無効化されたような見た目にならない。実際に無効化されたように振舞わせるには、開発者がCSSjavascriptを使ってそれを実装しなければならない。
``(ロール), ``(プロパティ、状態。2つの呼び名があるがほぼおなじ意味)のように指定する。
そもそもhtmlだけで意味の伝わるものには暗黙的なWAI-ARIAロール・プロパティが設定されているため、WAI-ARIA は必要な場合のみ使用することが推奨されている。
属性値の意味はHTMLの仕様ではなく、WAI-ARIA仕様によって定義されている。