HTML 섹셔닝 엘리먼트(sectioning element)
기본적으로 ARIA 랜드마크를 정의하는 많은 HTML 섹셔닝 엘리먼트를 (예를 들어, main
, nav
, aside
...) 이해하는 것이 중요합니다.
HTML 섹셔닝 엘리먼트가 연관된 랜드마크 구조에 대한 이해 없이 사용된다면, 보조 기술 사용자들은 콘텐츠에 접근하고 웹 페이지와 상호작용 하는데 비효율적이고 혼동 될 소지가 가장 높습니다.
HTML 엘리먼트 | 기본 랜드마크 역할(role) |
---|---|
aside |
complementary |
footer |
body 엘리먼트의 컨텍스트에 있는 경우 contentinfo .
footer 엘리먼트는 다음 HTML 섹셔닝 엘리먼트(sectioning element)의 후손인 경우, contentinfo 랜드마크가 아닙니다:
|
form |
aria-labelledby , aria-label 또는 title 어트리뷰트를 사용하여 접근 가능한 이름을 가지는 경우 form |
header |
body 엘리먼트의 컨텍스트에 있는 경우 banner .
header 엘리먼트는 다음 HTML 섹셔닝 엘리먼트(sectioning element)의 후손인 경우, banner 랜드마크가 아닙니다:
|
main |
main |
nav |
navigation |
section |
aria-labelledby , aria-label 또는 title 어트리뷰트를 사용하여 접근 가능한 이름을 가지는 경우 region |