\{{ariaref}}complementary ランドマークロールは、メインコンテンツに関連する補助セクションを指定するために使用され、しかも分離しても単独で成り立つことができます。 これらのセクションは、サイドバーやコールアウトボックスとして表示されることがよくあります。 可能であれば、代わりに HTML の {{htmlelement("aside")}} 要素を使用してください。
補足 (complementary) ランドマークロールは、メインコンテンツに関連する補助セクションを指定するために使用され、しかも分離しても単独で成り立つことができます。 これらのセクションは、サイドバーやコールアウトボックスとして表示されることがよくあります。 可能であれば、代わりに HTML の {{htmlelement("aside")}} 要素を使用してください。
<div role="complementary"> <h2>私たちのパートナー</h2> - <!-- 補完的なセクションのコンテンツ --> + <!-- 補足的なセクションのコンテンツ --> </div>@@ -19,10 +19,10 @@ translation_of: Web/Accessibility/ARIA/Roles/Complementary_role
complementary ロールはランドマークロールです。 ランドマーク（landmark）は、支援技術によって使用され、文書の大きなセクションを迅速に識別してナビゲートすることができます。 complementary ランドマークロールを持つコンテナ内にリストされたコンテンツは、文書のメインのコンテンツから分離されている場合でも意味をなすべきです。
補足 (complementary) ロールはランドマークロールです。 ランドマーク (landmark) は、支援技術によって使用され、文書の大きなセクションを迅速に識別してナビゲートすることができます。 補足 (complementary) ランドマークロールを持つコンテナー内にリストされたコンテンツは、文書のメインのコンテンツから分離されている場合でも意味をなすべきです。
{{htmlelement("aside")}} 要素を使用すると、自動的にセクションが complementary ロールを持つことを伝えます。 開発者は、ARIA を使用するよりも正しい意味論の HTML 要素を常に使用するべきです。
{{htmlelement("aside")}} 要素を使用すると、自動的にセクションが補足 (complementary) ロールを持つことを伝えます。 開発者は、ARIA を使用するよりも正しい意味論の HTML 要素を常に使用するべきです。
ランドマークロールは、文書のより大きな全体的なセクションを識別するために、控えめに使用することを意図しています。 あまりにも多くのランドマークロールを使用すると、スクリーンリーダーで「ノイズ」が発生し、ページ全体のレイアウトを理解することが難しくなります。
+ランドマークロールは、文書のより大きな全体的なセクションを識別するために、控えめに使用することを意図しています。 あまりにも多くのランドマークロールを使用すると、スクリーンリーダーで「ノイズ」が発生し、ページ全体のレイアウトを理解することが難しくなります。
{{htmlelement("aside")}} 要素を使用すると、自動的にセクションが complementary ロールを持つことを伝えます。 可能であれば、それを代わりに使用することをお勧めします。
{{htmlelement("aside")}} 要素を使用すると、自動的にセクションが補足 (complementary) ロールを持つことを伝えます。 可能であれば、それを代わりに使用することをお勧めします。
文書に複数の complementary ランドマークロールや {{htmlelement("aside")}} 要素がある場合は、各ランドマークに aria-label 属性を使用してラベルを付けるか、それらに適切な説明的なタイトルがある場合は、aria-labelledby 属性を使用してそれを指してください。 このラベルで、支援技術のユーザーがそれぞれのランドマークの目的をすばやく理解できるようになります。
文書に複数の補足 (complementary) ランドマークロールや {{htmlelement("aside")}} 要素がある場合は、各ランドマークに aria-label 属性を使用してラベルを付けるか、それらに適切な説明的なタイトルがある場合は、aria-labelledby 属性を使用してそれを指してください。 このラベルで、支援技術のユーザーがそれぞれのランドマークの目的をすばやく理解できるようになります。
<aside aria-label="使用上の注意"> <!-- コンテンツ --> @@ -68,14 +68,14 @@ translation_of: Web/Accessibility/ARIA/Roles/Complementary_role冗長な説明
-スクリーンリーダーは、ランドマークロールの種類をアナウンスします。 このため、ラベルでランドマークが何であるかを説明する必要はありません。 例えば、
+aria-label="サイドバー"のrole="complementary"の宣言は、"complementary サイドバー" として重複してアナウンスすることができます。スクリーンリーダーは、ランドマークロールの種類をアナウンスします。 このため、ラベルでランドマークが何であるかを説明する必要はありません。 例えば、
aria-label="サイドバー"のrole="complementary"の宣言は、"complementary サイドバー" として重複してアナウンスされることがあります。追加された利点
-ブラウザー拡張などの特定の技術は、ページ上に存在する全てのランドマークロールのリストを生成することができ、非スクリーンリーダーユーザーはドキュメントの大きなセクションを素早く識別してナビゲートできます。
+ブラウザー拡張などの特定の技術は、ページ上に存在する全てのランドマークロールのリストを生成することができ、非スクリーンリーダーユーザーでも文書の大きなセクションを素早く識別してナビゲートできます。