2017-05-08 21 views
1

menu 요소는 해당 menuitem 자식 요소를 갖습니다.<nav>의 하위 요소에 대한 의미 상 마크 업은 무엇입니까?

nav의 하위 요소에 적절한 HTML 마크 업은 무엇입니까? 그리고 그 자식 요소에 해당하는 Aria 역할은 무엇입니까?

필자는 스펙을 읽었으며 MDN을 살펴 봤습니다. 몇 가지 자습서를 읽었습니다.

탐색 항해가 nav 컨테이너에서 가장 잘 포장 된 것으로 알고 있습니다. 나는 네비게이션 아이템 자체를 태그하는 가장 접근하기 쉬운 방법을 이해하기 위해 고심하고있다.

답변

3

<nav> 요소에 대한 W3C의 정의는 다음과 같습니다

다른 페이지 나 페이지 내 부품에 연결하는 페이지의 섹션 : 둘러보기와 섹션 그래서 다음과

링크 탐색 항목은 대부분 <a> 또는 role="link" 개의 하위 링크가 포함되어 있습니다 (예 : <ul>, role="list" 등). <nav>의 필수 항목은 없습니다. 자녀로있다.

+2

그냥 @ steve의 답장에 추가하십시오 : nav 요소를 사용하면 높은 수준의 탐색 영역을 나타내므로 유용합니다. 발견 된 사용자가 페이지 머리글에 탐색 링크 블록이있는 것과 같은 방식으로 nav 요소를 사용하면 스크린 리더 (및 기타 보조 기술) 사용자가이 영역을 인식 할 수 있습니다. Steve가 언급했듯이 nav 영역 내에서 표준 링크 \ 목록 요소 만 사용하십시오. – discojoe

+0

감사합니다! 설명해 주셔서 감사합니다. – softpunch