ARIAの listitem ロールは、項目のリスト内の項目を識別するために使用できます。 これは、通常、リストコンテナを識別するために使用される list ロールとともに使用されます。
ARIA のリスト項目 (listitem) ロールは、項目のリスト内の項目を識別するために使用できます。 これは、通常、リストコンテナーを識別するために使用するリスト (list) ロールと組み合わせて使用します。
<section role="list"> <div role="listitem">リスト項目 1</div> @@ -20,12 +18,12 @@ translation_of: Web/Accessibility/ARIA/Roles/Listitem_role説明
-外側のコンテナとその内側の要素のリストで構成されるコンテンツは、それぞれ
+listとlistitemのコンテナを使用して支援技術で識別できます。外側のコンテナーとその内側の要素のリストで構成されるコンテンツは、それぞれリスト (
-list) とリスト項目 (listitem) のコンテナーを使用して支援技術で識別できます。リストとリスト項目をマークアップするためにどの要素を使用すべきかについて、鉄則はありませんが、リスト項目がリストのコンテキストで意味をなすようにするべきです。 例えば、買い物リスト、料理の手順、運転の指示。
+リストとリスト項目をマークアップするためにどの要素を使用するべきかについて、鉄則はありませんが、リスト項目がリストのコンテキストで意味をなすようにするべきです (例えば、買い物リスト、料理の手順、運転の指示) 。
-警告: 可能な限り、適切な意味論の HTML 要素を使用して、
+listとそのlistitem（{{htmlelement("ul")}} や {{htmlelement("ol")}} と {{htmlelement("li")}}）をマークアップする必要があります。 詳しくは、{{anch("Best practices","ベストプラクティス")}}を参照してください。警告: 可能な限り、適切な意味論の HTML 要素を使用して、リストとそのリスト項目 ({{htmlelement("ul")}} や {{htmlelement("ol")}} と {{htmlelement("li")}}) をマークアップするべきです。 詳しい例は、{{anch("Best practices","ベストプラクティス")}}を参照してください。
関連する WAI-ARIA のロール、ステート、プロパティ
@@ -33,11 +31,11 @@ translation_of: Web/Accessibility/ARIA/Roles/Listitem_role
項目のリスト。 list ロールを持つ要素には、子として listitem ロールを持つ1つ以上の要素、group ロールを持つ1つ以上の要素が必要です。 group ロールを持つ要素は、子として listitem ロールを持つ1つ以上の要素を持ちます。
項目のリスト。 リスト (list) ロールを持つ要素には、子として1つ以上のリスト項目 (listitem) ロールを持つ要素か、子として1つ以上のリスト項目 (listitem) ロールを持つ要素を含む1つ以上のグループ (group) ロールを持つ要素が必要です。
リストにネストされたときにリスト項目に限定される関連オブジェクトのコレクションです。 ページの目次に独自の場所を持つほど重要ではありません。
+ページの目次に掲載されるほど重要ではなく、リスト内にネストされている場合はリスト項目に限定される、関連するオブジェクトのコレクションです。 (訳注: リスト内にグループをネストできるという仕様は、ARIA 1.2 で、無くなる予定です。)
ARIA Lists — Scott O'Hara によるいくつかの有用な例と考え（英語）
+ARIA Lists — Scott O'Hara によるいくつかの有用な例と考え (英語)
例えば、HTML を制御できないが、JavaScript を使用した後でアクセシビリティを動的に向上させる必要がある場合など、role="list" と role="listitem" のみを使用する必要があります。
role="list" と role="listitem" は必要な場合のみ使用してください。 例えば、HTML を制御できなくても、JavaScript で事後に動的にアクセシビリティを向上させることができる場合です。
可能な限り、適切な意味論の HTML 要素を使用して、list と listitem（{{htmlelement("ol")}} や {{htmlelement("ul")}} と {{htmlelement("li")}}）をマークアップする必要があります。 例えば、上記の例は次のように書き直すべきです。
可能な限り、適切な意味論の HTML 要素を使用して、リストとリスト項目 ({{htmlelement("ol")}} や {{htmlelement("ul")}} と {{htmlelement("li")}}) をマークアップするべきです。 例えば、上記の例は次のように書き直すべきです。
<ul> <li>リスト項目 1</li> @@ -65,7 +63,7 @@ translation_of: Web/Accessibility/ARIA/Roles/Listitem_role <li>リスト項目 3</li> </ul>-
リスト項目の順序が重要な場合は、順序付きリストを使用します。
+また、リスト項目の順序が重要な場合は、順序付きリストを使用します。
<ol> <li>リスト項目 1</li> @@ -74,11 +72,11 @@ translation_of: Web/Accessibility/ARIA/Roles/Listitem_role </ol>
注: ARIA の list ロールと listitem ロールでは、順序付きリストと順序無しリストを区別しません。
注: ARIA のリストロールとリスト項目ロールでは、順序付きリストと順序無しリストを区別しません。
注: タブ付きインターフェースとして機能する項目のリストをマークアップする場合は、代わりに tab、tabpanel、tablist ロールを使用するべきです。
注: タブ付きインターフェイスとして機能する項目のリストをマークアップする場合は、代わりにタブ (tab)、タブパネル (tabpanel)、タブリスト (tablist) のロールを使用するべきです。
<li> 要素<ul> 要素<ol> 要素