HTMLでロール属性をネストする方法は？

Question

2つの要素に役割属性がある要素を入れ子にする必要があります。 内部要素も読み出すことは可能でしょうか？

マイコード：

<div class="panel-heading" role="tab"> 
    <div class="panel-title"> 
      <div class="row"> 
       <div class="icons"> 
        <div class="icon" role="link" aria-label="Go to new page" [routerLink]="['/newpage']"></div> 
       </div> 
       <div class="description" role="text" aria-label="One plus one is two"> 
        <div class="description-text"> 
         1 + 1 = 2 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

私は、コードを簡素化。だから私は役割= "タブ"がそこになければならないと言わなければならない。

誰かがこれを達成する方法を知っていますか？

また、大丈夫だろう、2番目のテキストが役割である場合に=「タブ」要素

Answer 1

役割=「タブ」のdivがでマークされているので、私はまだ、アイコンをクリックすることはできません音声オーバーモード..

リンクにtabindex=0属性がありません。このリンクをクリックする際に問題が発生した場合は、この属性を設定してリンクを押すことができるようにする必要があります。

role=link要素を囲むrole=tab要素を持つことは問題ありません。それはかなり一般的です。