タグ

ブックマーク / www.webcreativepark.net (1)

  • aria-live属性 | HTMLリファレンス

    aria-live属性は内容が更新された際にユーザーに伝達するかどうかを指定できるWAI-ARIA属性です。 aria-live属性には以下の値を指定することができます。 値 内容 off 内容が更新されてもユーザーに伝達しない(デフォルト) polite 現在の読み上げの終了やユーザー入力時など適切なタイミングで、内容が更新されたさいにユーザーに伝達する。 assertive 即座に伝達を行う 以下のサンプルではprogress要素の進歩度をJavaScriptなどで逐次変更し、100%になったタイミングで読み込み終了のメッセージを表示するサンプルです。 progress要素にはaria-live=”polite”を指定しててきじ進歩度をユーザーに伝達し、読み込み終了のメッセージにはaria-live=”assertive”を指定して即座にユーザーに伝達できるようになっています。 <pr

    kzms2
    kzms2 2019/05/08
    aria-liveについて。わかりやすい
  • 1