2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

aria-busyとは?

Posted at

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で補完してあげましょう。

WAI-ARIA の基礎知識
WAI-ARIAを使ってコーディングする

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?