From 18861a6efd3263a5d525499fe3473d9836e864c6 Mon Sep 17 00:00:00 2001 From: Wind1808 <42607060+Wind1808@users.noreply.github.com> Date: Mon, 12 Apr 2021 22:16:17 +0900 Subject: ARIA: article ロールの更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../aria/roles/article_role/index.html | 33 +++++++++++++--------- 1 file changed, 20 insertions(+), 13 deletions(-) (limited to 'files') diff --git a/files/ja/web/accessibility/aria/roles/article_role/index.html b/files/ja/web/accessibility/aria/roles/article_role/index.html index 9381ee3b24..8bd3d4917e 100644 --- a/files/ja/web/accessibility/aria/roles/article_role/index.html +++ b/files/ja/web/accessibility/aria/roles/article_role/index.html @@ -7,7 +7,7 @@ tags: - Accessibility translation_of: Web/Accessibility/ARIA/Roles/Article_Role --- -
\{{ariaref}}article
ロールは、ページ、ドキュメント、またはウェブサイト上で容易に自立することができるページのセクションを示します。 これは、通常、コメント、フォーラム投稿、新聞記事、または1ページにまとめられたその他項目などの関連コンテンツの項目に設定します。
記事 (article
) ロールは、ページ、文書、またはウェブサイト上で容易に自立することができるページのセクションを示します。 これは、通常、コメント、フォーラム投稿、新聞記事、または1ページにまとめられたその他項目などの関連コンテンツの項目に設定します。
<div role="article"> <h2>この断片の見出し</h2> @@ -18,10 +18,10 @@ translation_of: Web/Accessibility/ARIA/Roles/Article_Role <div role="article"> ... </div>-
この例では、1ページに2つの記事を並べて表示しています。 これらは同じように構成でき、関連しています。
+この例では、同じように構成され、関連している2つの記事を1ページに並べて表示しています。
article
ロールを持つ <div>
ではなく、<article>
要素を使用します。 利用可能な場合は、いつでもネイティブの要素を使用します。
記事 (article
) ロールを持つ <div>
ではなく、<article>
要素を使用します。 利用可能な場合は、いつでもネイティブの要素を使用します。
role="article"
を使用する代わりに、{{htmlelement("article")}} 要素を使用することができます。
article
ロールは、ドキュメント、ページ、サイトのセクションを表し、それが単独で存在する場合は、完全なドキュメント、ページ、サイトとして見ることができます。 一連の記事(article)セクションの目的は、互いの関係を示すことです。
記事 (article
) ロールは、文書、ページ、サイトのセクションを表し、それが自立している場合は、完全な文書、ページ、サイトとして見ることができます。 一連の記事セクションの目的は、互いの関係を示すことです。
記事は、ナビゲーションに関するランドマークとは見なされませんが、ランドマークをサポートする多くの支援技術は、記事間をナビゲートする手段をサポートします。 また、記事内のネスト関係の表示をサポートすることもあります。
-記事をネストすることができ、ネストされた記事は、それをネストしているものと直接関係しますが、必ずしもネスト階層の外側にあるものとは限りません。 具体的な使用事例については、例を参照してください。
+記事をネストすることができ、ネストされた記事は、それをネストしているものと直接関係しますが、必ずしもネスト階層の外側にあるものに関連しているとは限りません。 具体的な使用事例については、例を参照してください。
-記事がフィード(feed)の一部である場合、aria-posinset
属性および aria-setsize
属性を設定して、この特定の記事が表すフィード内の位置を示すことができます。
記事がフィード (feed) の一部である場合、aria-posinset
属性および aria-setsize
属性を設定して、この特定の記事がフィード内のどの位置にあるかを示すことができます。
スクリーンリーダーやその他の支援技術がパススルーモードになるような application
やその他のウィジェット内では、記事を使用して、囲んだコンテンツを通常のウェブコンテンツとして扱うように切り替えるべきであることを示すことができます。
スクリーンリーダーやその他の支援技術がパススルーモードになるようなアプリケーション (application
) やその他のウィジェット内では、記事を使用して、囲まれたコンテンツを再び通常のウェブコンテンツとして扱うように切り替えるべきであることを示すことができます。
意味論のない要素に article
ロールを含める代わりに、{{htmlelement("article")}} 要素を使用するべきです。 ユーザーエージェントは、これを article
ロールのような適切なアクセシビリティ情報に変換します。 <article>
要素を使用すると、検索エンジンがページの構造をよりよく検出できるようになります。 role="article"
、または好ましくは <article>
の適切な使用例には、ブログ投稿、フォーラム投稿、フォーラムまたはブログ投稿へのコメント、フォーラムまたはブログ投稿へのコメントへのコメント、ソーシャルメディアフィード内の項目等が含まれます。
意味論のない要素に記事 (article
) ロールを含める代わりに、{{htmlelement("article")}} 要素を使用するべきです。 ユーザーエージェントは、これを記事 (article
) ロールのような適切なアクセシビリティ情報に変換します。 <article>
要素を使用すると、検索エンジンがページの構造をより適切に見いだすのにも役立ちます。 role="article"
、または好ましくは <article>
の適切な使用例には、ブログ投稿、フォーラム投稿、フォーラムまたはブログ投稿へのコメント、フォーラムまたはブログ投稿へのコメントへのコメント、ソーシャルメディアフィード内の項目等が含まれます。
article
ロールの aria-posinset
属性と aria-setsize
属性を適切な値に設定します。 aria-posinset
は、1ベースであることに注意してください。article
) ロールの aria-posinset
属性と aria-setsize
属性を適切な値に設定します。 aria-posinset
は、1ベースであることに注意してください。常にネイティブの要素を使用してください。 article
ロールを持つ <div>
ではなく、{{htmlelement("article")}} 要素を使用するべきです。
常にネイティブの要素を使用してください。 記事 (article
) ロールを持つ <div>
ではなく、{{htmlelement("article")}} 要素を使用するべきです。
このロールは、HTML の {{htmlelement("article")}} 要素に対応し、可能な場合はその要素を代わりに使用するべきでます。 このロールは、その子の間に具体的なロールが存在する必要はありません。 これは、feed
ロールを持つ要素の直接の子として許可される唯一のロールです。
このロールは、HTML の {{htmlelement("article")}} 要素に対応し、可能な場合はその要素を代わりに使用するべきです。 このロールは、その子たちの間に具体的なロールが存在する必要はありません。 これは、フィード (feed
) ロールを持つ要素の直接の子として許可される唯一のロールです。