カスタム要素は、角要素セクショニング要素で作成されますか？

Question

angular.component()またはangular.directive()を使用してカスタム要素を作成すると、sectioning contentとして扱われますか？

つまり、内部的に単一のheaderとfooterを生成するのには意味的かつ構文的に適切であるか、それを含む要素ツリーの一部としてカウントされますか？私は

angular.component('foo', { 
    template: `<header>Yay</header>` 
}) 

を持っており、生成されたHTMLが

<section> 
    <foo> 
     <header>Yay</header> 
    </foo> 
    <foo> 
     <header>Yay</header> 
    </foo> 
</section> 

あるように私はそれを使用する場合たとえば

はその後セマンティックは何ですか？これは、セクションについての2つのheader要素を含むsectionですか？または、sectionにはヘッダ要素が0個含まれていますが、それぞれfooというヘッダを持つ2つのfoo要素がありますか？

Answer 1

角度コンポーネント/ディレクティブは、sectioning例：angular.directive('article'...)、またはphrasing（例：angular.directive('a'...)）、またはカスタム要素（例：foo）。

あなたの質問は角度についてのものではなく、カスタム要素や特にカテゴリに該当すると思われます。リンクした仕様を読むことから、カスタム要素が何をしているかによって異なります。それがセクション化に使用され、あなたの例のようにヘッダーがある場合、私はそれがsectioning contentと見ることができると思います。たとえば、div、contenteditable=trueなどのカスタム要素をユーザーから入力する場合は、interactive contentとして扱うことができます。

次に意味は何ですか？それはセクションに関する2つのヘッダー 要素を含むセクションですか？

あなたが意図した内容によって異なります。しかし、それはheader子要素を持っているので、私はfooをsectioning contentと表示し、それはsection要素であり、ヘッダーを含む2つの他のセクションを含む要素ではないと言います。

Answer 2

テンプレートのセクション要素でラップされていないか、カスタム要素自体が正しいARIAロールを宣言していない限り、ヘッダーフッターを追加するのは間違いだと思います。最初に考えたのは、セクション要素を拡張する場合に有効と思われるWebコンポーネントのルールを表示することでした。