\{{ariaref}}
- -region ランドマークロールは、文書内で、著者が重要であると識別した領域を識別するために使用されます。 これは、他のランドマークロールのどれも適切でないときでも、汎用のランドマークを提供することで、人々が容易にナビゲートできるようにするために使用されます。
リージョン (region) ランドマークロールは、文書内で、著者が重要であると識別した領域を識別するために使用されます。 これは、他のランドマークロールのどれも適切でないときでも、汎用のランドマークを提供することで、人々が容易にナビゲートできるようにするために使用されます。
<div role="region" aria-label="例"> <!-- リージョンのコンテンツ --> @@ -18,21 +16,21 @@ translation_of: Web/Accessibility/ARIA/Roles/Region_role説明
-+
regionロールは、ARIA のランドマークロールです。 ランドマークロールは、ウェブページの構成と構造を識別する方法を提供します。 ページのセクションを分類およびラベル付けすることにより、レイアウトを通じて視覚的に伝達される構造情報がプログラム的に表されます。 スクリーンリーダーは、ランドマークロールを使用して、ページの重要なセクションにキーボードナビゲーションを提供します。リージョン (
-region) ロールは、ARIA のランドマークロールです。 ランドマークロールは、ウェブページの構成と構造を識別する方法を提供します。 ページのセクションを分類およびラベル付けすることにより、レイアウトを通じて視覚的に伝達される構造情報がプログラム的に表されます。 スクリーンリーダーは、ランドマークロールを使用して、ページの重要なセクションにキーボードナビゲーションを提供します。+
regionロールは、ユーザーがそのセクションに簡単にナビゲートし、ページの要約にリストされることを望むほど重要なコンテンツのセクションのために予約するべきです。regionロールはより汎用の用語であり、識別が必要なセクションが、banner、main、contentinfo、complementary、navigationなどの他のランドマークロールのいずれかによって正確に説明できない場合に使用するべきです。リージョン (
-region) ロールは、ユーザーがそのセクションに簡単にナビゲートし、ページの要約にリストされることを望むほど重要なコンテンツのセクションのために予約するべきです。 リージョン (region) ロールはより汎用の用語であり、識別が必要なセクションが、banner、main、contentinfo、complementary、navigationなどの他のランドマークロールのいずれかによって正確に説明できない場合にのみ使用するべきです。+
regionロールを持つすべての要素には、リージョン（region）内のコンテンツの目的を説明するラベルを含めるべきで、目に見えるヘッダーを参照するaria-labelledbyを伴うのが好ましいです。 目に見える適切なヘッダーがない場合は、aria-labelを使用するべきです。リージョン (
-region) ロールを持つすべての要素には、リージョン内のコンテンツの目的を説明するラベルを含めるべきで、目に見えるヘッダーを参照するaria-labelledbyを伴うのが好ましいです。 目に見える適切なヘッダーがない場合は、aria-labelを使用するべきです。+
regionランドマークロールのコンテンツは、文書のメインコンテンツから分離されている場合にも意味をなすべきです。リージョン (
-region) ランドマークロールのコンテンツは、文書のメインコンテンツから分離されている場合にも意味をなすべきです。{{htmlelement("section")}} 要素を使用すると、アクセス可能な名前が与えられている場合、自動的にセクションが
+regionロールを持つことを伝えます。 開発者は、ARIA を使用するよりも正しい意味論の HTML 要素（この場合は<section>）を常に使用するべきです。{{htmlelement("section")}} 要素を使用すると、アクセス可能な名前が与えられている場合、自動的にセクションがリージョン (
region) ロールを持つことを伝えます。 開発者は、ARIA を使用するよりも正しい意味論の HTML 要素（この場合は<section>）を常に使用するべきです。関連する WAI-ARIA のロール、ステート、プロパティ
aria-labeledby 属性の値は、セクションのタイトルに使用される要素の ID になります。aria-labelledby 属性の値は、セクションのタイトルに使用される要素の ID になります。<div role="region" aria-labeledby="region-heading"> - <h2 id="region-heading">この見出しの <code>id</code> 属性は、このリージョンがアクセス可能な名前を持つのに役立ちます</h2> - <!-- リージョンのコンテンツ --> -</div> +<div role="region" aria-labelledby="region-heading"> + <h2 id="region-heading">この見出しの <code>id</code> 属性は、このリージョンがアクセス可能な名前を持つのに役立ちます</h2> + <!-- リージョンのコンテンツ --> +</div>アクセシビリティに関する懸念
-控えめに使用してください！ ランドマークロールは、文書のより大きな全体的なセクションを識別するために、控えめに使用することを意図しています。 あまりにも多くのランドマークロールを使用すると、スクリーンリーダーで「ノイズ」が発生し、ページ全体のレイアウトを理解することが難しくなります。
+控えめに使用してください！ ランドマークロールは、文書のより大きな全体的なセクションを識別するために、控えめに使用することを意図しています。 あまりにも多くのランドマークロールを使用すると、スクリーンリーダーで「ノイズ」が発生し、ページ全体のレイアウトを理解することが難しくなります。
-他の関連コンテンツセクショニング要素またはランドマークロールが当てはまらない場合にのみ、
+regionロールを使用してください。 ページ上に複数のリージョンが存在する場合は、そのページの全体構造を再検討する価値があります。他の関連コンテンツセクショニング要素またはランドマークロールが当てはまらない場合にのみ、リージョン (
region) ロールを使用してください。 ページ上に複数のリージョンが存在する場合は、そのページの全体構造を再検討する価値があります。ベストプラクティス
好ましい HTML
-{{htmlelement("section")}} 要素を使用すると、アクセス可能な名前が与えられている場合、自動的にセクションが
+regionロールを持つことを伝えます。 可能であれば、<section>を代わりに使用することをお勧めします。{{htmlelement("section")}} 要素を使用すると、アクセス可能な名前が与えられている場合、自動的にセクションがリージョン (
region) ロールを持つことを伝えます。 可能であれば、<section>を代わりに使用することをお勧めします。ランドマークのラベル付け
-文書に複数の
+regionランドマークロールがある場合は、それぞれにラベルを付けます。 このラベルで、支援技術のユーザーがそれぞれのランドマークの目的をすばやく理解することができます。文書に複数のリージョン (
-region) ランドマークロールがある場合は、それぞれにラベルを付けます。 このラベルで、支援技術のユーザーがそれぞれのランドマークの目的をすばやく理解することができます。<div role="region" aria-labeledby="heading"> +<div role="region" aria-labelledby="use-discretion"> <h3 id="use-discretion">慎重に <code>region</code> ロールを使用してください</h3> <!-- コンテンツ --> </div> ... -<div role="region" aria-labeledby="please-reconsider"> +<div role="region" aria-labelledby="please-reconsider"> <h3 id="please-reconsider">文書構造を再検討してください</h3> <!-- コンテンツ --> </div>-この例では、リージョンのラベルは
+aria-labeledby属性によって作成されています。この例では、リージョンのラベルは
aria-labelledby属性によって作成されています。オーバーフローテキストを含むコンテンツ領域のスクロール
@@ -95,7 +93,7 @@ translation_of: Web/Accessibility/ARIA/Roles/Region_roleブラウザー拡張などの特定の技術は、ページ上に存在する全てのランドマークロールのリストを生成することができ、非スクリーンリーダーユーザーは文書の大きなセクションを素早く識別してナビゲートできます。
-
-
TBD