ROLE - Landmark

페이지 영역을 식별 할수 있게 해 주는 aria 속성(망망대해의 등대? 워프?)

렌드마크?

랜드 마크 역할은 페이지의 섹션을 식별하는것. 랜드 마크는 보조 기술 사용자가(스크린리더) 페이지의 구성 대한 이해를 돕고 페이지의 각각의 섹션으로 쉽게 이동할 수 있도록 도와준다 반복되는 콘텐츠 블록을 건너 뛰고, 페이지의 구조를 쉽게 이해 할수 있게 한다. 예를 들어, 모든 페이지에서 뉴스 사이트의 메뉴에 익숙하고 톱 뉴스에 관심이있는 시각 장애인은 "주요"랜드 마크로 쉽게 이동할 수 있으며 수십 개의 메뉴 링크를 건너 뛸 수 있다.

렌드마크 종류

• banner: 페이지의 주요 제목 또는 내부 제목을 포함하는 영역입니다.

• complementary: 주 콘텐츠를 지원하지만 독자적으로 의미가있는 문서 섹션.

• contentinfo: 저작권 및 개인 정보 취급 방침에 대한 링크와 같은 상위 문서에 대한 정보를 포함하는 영역입니다.

• form: 양식 관련 요소의 모음을 나타내는 문서 영역으로 일부는 처리를 위해 서버에 제출할 수있는 편집 가능한 값을 나타낼 수 있습니다.

• main: 문서의 주요 내용. 대부분의 경우 페이지에는 하나의 역할 = "main"만 있습니다.

• navigation: 문서 또는 관련 문서를 탐색 할 때 사용하기에 적합한 링크 모음입니다.

• search: 웹 문서의 검색 도구.

• application: 웹 문서가 아닌 웹 애플리케이션으로 선언 된 영역. (참고 : 응용 프로그램의 역할은 화면 판독 소프트웨어에 일반 웹 탐색 제어 기능을 해제하라는 신호를주기 때문에주의해서 사용해야합니다. 간단한 위젯에는 일반적으로 응용 프로그램 역할을 제공하지 않아야하며 전체 웹 페이지에 웹 페이지처럼 전혀 사용하지 않는 경우가 아니면 보조 기술에 대한 사용자 테스트가 많지 않은 경우가 아니라면 애플리케이션 역할입니다.)

<div role="main"> 

  <h1>title for main content<h1>

  .... main content area .... 

</div>

자료출처 : W3C https://www.w3.org/WAI/GL/wiki/Using_ARIA_landmarks_to_identify_regions_of_a_page