[접근성 aria] role

landmark란?

구역을 나타내는 요소(=시멘틱 태그)들을 landmark라고 한다.

---

role

role이라는 속성으로 landmark를 정의한다. role 속성 중에 role 값으로 landmark가 존재하기 때문이다.

(그러므로 role을 사용한다고 무조건 landmark가 되는 것은 아님)

 

role은 어떤 곳에 사용하느냐에 따라 aria속성이 추가 될 수 있으므로 MDN role를 보고 참고해서 사용하도록 하자.

 

[주의]

<!-- 잘못된 방법 -->
<nav role='navigation'>내비게이션</nav>

<!-- 옳바른 방법 -->
<nav>내비게이션</nav>

혼용해서 사용해서는 안된다.

구역을 나타내는 요소를 사용할 수 있으면 사용하는게 좋다.

---

[공부 좌표]

WAI-ARIA Roles