ARIA: article ロール

説明

記事 (article) ロールは、文書、ページ、サイトのセクションを表し、それが自立している場合は、完全な文書、ページ、サイトとして見ることができます。 一連の記事セクションの目的は、互いの関係を示すことです。

記事は、ナビゲーションに関するランドマークとは見なされませんが、ランドマークをサポートする多くの支援技術は、記事間をナビゲートする手段をサポートします。 また、記事内のネスト関係の表示をサポートすることもあります。

記事をネストすることができ、ネストされた記事は、それをネストしているものと直接関係しますが、必ずしもネスト階層の外側にあるものに関連しているとは限りません。 具体的な使用事例については、例を参照してください。

記事がフィード (feed) の一部である場合、aria-posinset 属性および aria-setsize 属性を設定して、この特定の記事がフィード内のどの位置にあるかを示すことができます。

スクリーンリーダーやその他の支援技術がパススルーモードになるようなアプリケーション (application) やその他のウィジェット内では、記事を使用して、囲まれたコンテンツを再び通常のウェブコンテンツとして扱うように切り替えるべきであることを示すことができます。

意味論のない要素に記事 (article) ロールを含める代わりに、<article> 要素を使用するべきです。 ユーザーエージェントは、これを記事 (article) ロールのような適切なアクセシビリティ情報に変換します。 <article> 要素を使用すると、検索エンジンがページの構造をより適切に見いだすのにも役立ちます。 role="article"、または好ましくは <article> の適切な使用例には、ブログ投稿、フォーラム投稿、フォーラムまたはブログ投稿へのコメント、フォーラムまたはブログ投稿へのコメントへのコメント、ソーシャルメディアフィード内の項目等が含まれます。

関連する WAI-ARIA のロール、ステート、プロパティ

aria-posinset

フィードのコンテキストでは、1 から始まるカウントに基づいて、そのフィード内のこの特定の記事の位置を示します。

aria-setsize

フィードのコンテキストでは、そのフィード内にいくつの記事の項目があるかを示します。

キーボードインタラクション

このロールは、具体的なキーボードインタラクションをサポートしていません。

必要な JavaScript 機能

イベントハンドラー

このロールでは、イベントハンドラーは必要ありません。

属性値の変更

フィードを作成するときは、各記事 (article) ロールの aria-posinset 属性と aria-setsize 属性を適切な値に設定します。 aria-posinset は、1 ベースであることに注意してください。

例

• WAI-ARIA Authoring Practices 1.1 の feed のデザインパターンから、お薦めのレストランのフィード表示とそれと分けられた文書

仕様書

優先順位

このロールは、HTML の <article> 要素に対応し、可能な場合はその要素を代わりに使用するべきです。 このロールは、その子たちの間に具体的なロールが存在する必要はありません。 これは、フィード (feed) ロールを持つ要素の直接の子として許可される唯一のロールです。

関連情報

• feed ロール
• section ロール
• <article> 要素
• RSS

1. WAI-ARIA ロール
   alertdialog ロールの使用ARIA: alert ロールARIA: application ロールARIA: article ロールARIA: banner ロールARIA: button ロールARIA: cell ロールARIA: checkbox ロールARIA: columnheader ロールARIA: combobox ロールARIA: command ロールARIA: comment ロールARIA: complementary ロールARIA: composite ロールARIA: contentinfo ロールARIA: definition ロールARIA: dialog ロールARIA: directory ロール 非推奨; ARIA: document ロールARIA: feed ロールARIA: figure ロールARIA: form ロールARIA: generic ロールARIA: grid ロールARIA: gridcell ロールARIA: heading ロールARIA: img ロールARIA: input ロールARIA: landmark ロールARIA: list ロールARIA: listbox ロールARIA: listitem ロールARIA: main ロールARIA: mark ロールARIA: marquee ロールARIA: math ロールARIA: menu ロールARIA: menubar ロールARIA: menuitem ロールARIA: menuitemcheckbox ロールARIA: menuitemradio ロールARIA: meter ロールARIA: navigation ロールARIA: none ロールARIA: option ロールARIA: radio ロールARIA: radiogroup ロールARIA: range ロールARIA: region ロールARIA: roletype ロールARIA: row ロールARIA: rowgroup ロールARIA: rowheader ロールARIA: scrollbar ロールARIA: search ロールARIA: searchbox ロールARIA: section ロールARIA: sectionhead ロールARIA: select ロールARIA: separator ロールARIA: spinbutton ロールARIA: structure ロールARIA: suggestion ロールARIA: switch ロールARIA: tab ロールARIA: table ロールARIA: tablist ロールARIA: tabpanel ロールARIA: term ロールARIA: textbox ロールARIA: timer ロールARIA: tooltip ロールARIA: tree ロールARIA: treegrid ロールARIA: treeitem ロールARIA: widget ロールARIA: window ロールARIA: 文書構造ロールgroup ロールの使用link ロールの使用log ロールの使用presentation ロールの使用progressbar ロールの使用slider ロールの使用status ロールの使用toolbar ロールの使用