次の方法で共有

ARIA 範囲コントロール属性がありません

Text

要素には進行状況バーまたはスライダーロールがありますが、対応する aria-valuemin、aria-valuemax、および aria-valuenow 属性は公開されていません。

型

エラー

説明

このエラーは、progressbar、slider、または spinbutton と等しいロール (暗黙的または明示的) を持つ要素に適用されます。

Web アクセシビリティ イニシアチブ - アクセシビリティの高いリッチ インターネット アプリケーション (WAI-ARIA) の仕様に従って、progressbar、slider、または spinbutton ロールを持つ要素は、aria-valuemax、aria-valuemin、および aria-valuenow 属性を公開する必要があります。

このエラーを解決するには、 aria-valuemax、 aria-valuemin、および aria-valuenow 属性を設定し、現在の値が公開されるように aria-valuenow 値を動的に維持します。 また、 aria-valuetext 属性を設定して、公開されている aria-valuenow 値により多くの意味を追加する必要があります。

例

<div role="slider" id="sl" aria-valuemin="1" aria-valuemax="5" aria-valuenow="3" aria-valuetext="good"…>
</div>

<script>
  // This function should be triggered when the slider value changes.
  function manageValue()
  {
    ...
    sl.setAttribute("aria-valuenow", currentValue);
    sl.setAttribute("aria-valuetext", currentValueText);
    ...
  }
</script>

ARIA 範囲コントロール属性に互換性がありません