2017-05-08 2 views
1

メニュー要素には、対応するメニュー項目の子要素があります。<nav>の子要素のセマンティックマークアップ?

navの子要素に適切なHTMLマークアップは何ですか?これらの子要素に対応するAriaの役割は何ですか?

私は仕様を読みました。私はMDNを見てきました。私はいくつかのチュートリアルを読みました。

ナビゲーションリンクがnavコンテナに最適にラップされていることを理解しています。私はナビアイテム自体にタグを付ける最もアクセス可能な方法を理解するのに苦労しています。

答えて

3

<nav>要素のためのW3C定義は次のとおりです。

他のページやページ内の部品にリンクするページのセクション:ナビゲーションとのセクションでは、だから、次の

リンクそのナビゲーション要素はほとんどの場合、<a>またはrole="link"の子のリンクを含むことが多く、追加のセマンティクスのリストで囲まれている場合があります。つまり、<ul>,role="list"などです。<nav>には子供として生まれる。

+2

@ steveの返信に追加するだけです:nav要素を使うのは、高レベルのナビゲーション領域を表すためです。目に見えるユーザがページヘッダにナビゲーションリンクのブロックが含まれていることを見るのと同じように、nav要素を使用することでスクリーンリーダー(およびその他の支援技術)ユーザはこの領域を知ることができます。 Steveが指摘しているように、ナビゲーション領域内の標準リンク\リスト要素を使用するだけです。 – discojoe

+0

ありがとうございました! 説明をいただきありがとうございます。 – softpunch