Movatterモバイル変換


[0]ホーム

URL:


  1. 開発者向けのウェブ技術
  2. アクセシビリティ
  3. ARIA
  4. ARIA リファレンス
  5. ARIA の状態とプロパティ
  6. aria-posinset

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。

View in EnglishAlways switch to English

aria-posinset

aria-posinset 属性は、DOM に全ての項目が存在しない場合に、現在のリスト項目またはツリー項目の、セット内の要素の数または位置を定義します。

解説

「position in set」(セット内の位置)の略であるaria-posinset 属性は、項目のサブセットのみが DOM 内に存在する場合に、リスト項目またはツリー項目のセット全体内での要素の位置を定義します。

リスト内の全ての項目が DOM に存在する場合、ブラウザーは各項目の合計と位置を計算できるため、aria-posinset は不要です。セットの一部のみが DOM に存在する場合はaria-posinset を含めて、セット内の要素の位置に関する情報を提供するとともに、aria-setsize を使用して完全なセットに含まれる項目の数をユーザーに通知します。

次の例は、化学元素周期表の 118 個の元素のうち 4 つの元素オプションを含むリストボックスを示しています。

html
<h2>Periodic table of chemical elements</h2><ul role="listbox" aria-labelledby="periodic-table">  <li role="option" aria-setsize="118" aria-posinset="1">Hydrogen</li>  <li role="option" aria-setsize="118" aria-posinset="3">Lithium</li>  <li role="option" aria-setsize="118" aria-posinset="11">Sodium</li>  <li role="option" aria-setsize="118" aria-posinset="19">Potassium</li></ul>

aria-posinset のそれぞれの値は、1 以上の整数であり、セットのサイズが分かっている場合はセットのサイズ以下の整数です。

メモ:aria-posinset を使用する場合は、セット全体のサイズであるaria-setsize の値も含める必要があります。セット全体のサイズが不明な場合はaria-setsize="-1" を設定します。

menuitemmenuitemcheckbox、またはmenuitemradio の場合、区切り線を除いたメニュー内の項目の合計数に対してaria-posinset の値を設定します。

feed では、各<article> 要素のaria-posinset にはフィード内の位置を表す値が設定され、aria-setsize には、読み込まれた記事の数またはフィード内の合計数のいずれか、ユーザーにとって最も役立つ方が設定されます。

<integer>

1 以上でaria-setsize の値以下の整数。

関連インターフェイス

Element.ariaPosInSet

Element インターフェイスの一部であるariaPosInSet プロパティは、aria-posinset 属性の値を反映します。

ElementInternals.ariaPosInSet

ElementInternals インターフェイスの一部であるariaPosInSet プロパティは、aria-posinset 属性の値を反映します。

関連付けられたロール

使用するロール:

継承先のロール:

仕様書

Specification
Accessible Rich Internet Applications (WAI-ARIA)
# aria-posinset

関連情報

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp