aria-busyとは?
要素が更新中かどうかを示す。
divタグなどで「読み込み中」の文言を入れるだけでなく、技術支援としてaria-busy属性を付与することで明示的にHTMLに読み込み中の属性を補う。読み込み中ならtrue、読み込み終わったらfalseを入れる。
index.html
<div aria-busy="true">読み込み中</div>
なぜ補完する必要があるのか?
webページ中のHTMLだけではタグの役割を明示することはできない部分がある。そこを補完するためにWA-ARIAの機能を用いる。aria-busyもその一つである。
そもそもWAI-ARIAとは?
webページ上のコンテンツに対して、アクセシビリティを補完する為の属性を定義した仕様です。
詳しくはこちら記事をご覧ください。
まとめ
非同期処理で読み込んでいある最中に読み込みの文言を出す時はaria-busyで補完してあげましょう。