角4スキップリンク

Question

角度のあるプロジェクトにアクセスするための作業。ページには次のようなフレームがあります。各要素はコンポーネントです。

<div> 
<topnav> </topnav> 
<leftnav> </leftnav> 
<subnav> </subnav> 
<header> </header> 
<router-outlet> </router-outlet> 
</div> 

私は、トップナビゲーションにスキップリンクを入れて、フレームに放出されたイベントを持つことは簡単ですが、どのように私は、デフォルトでは、ルータ・アウトレットでの最初のフォーカス可能な要素を集中することを指示しますでしょうか？私はビューの子を使用し、アウトレットへの参照を取得し、それを通して子ノードにアクセスすることができますが、いつも同じノードインデックスになるとは限りません。

おかげ

Answer 1

は通常、スキップ・トゥ・コンテンツリンクは、コンテナ要素ではなく、最初のフォーカス可能な要素にアクセスしてください。最初のリンク/入力/などの前にテキストコンテンツが存在する可能性があるため、スクリーンリーダーのユーザーは知りたいと思うでしょう。

ルータ出口コンテナにidアトリビュートを指定し、リンクのhref値を同じ値にします。例えば

<a href="#output"> 
<div id="output">