<main> 요소에서 role = "main"이 필요합니까?

Question

콘텐츠의 주요 섹션을 정의하는 가장 의미 있고 접근 가능한 방법이 표준 <main> 요소 인 경우 ARIA 랜드 마크를 사용하는 것은 과도한 것으로 보입니다. 요소에 role="main"을 추가해야합니까?

Answer 1

현대의 모든 브라우저가 aria-role main을 <main> 요소 (지금까지는 Firefox 21 이상 및 Chrome 26 이상 만 매핑 한 요소)에 매핑 한 것은 아닙니다. 모든 브라우저가이 기능을 지원하면 role="main" 속성을 삭제할 수 있지만 그 동안에는 여전히 사용하는 것이 좋습니다.

출처 :

http://html5doctor.com/the-main-element/#comment-35495 (스티브 포크너의 대답) http://html5doctor.com/the-main-element/#comment-36407 (마지막 표창장과 대답)

Answer 2

그것은 당신의 이유에 따라 달라집니다 당신은 들여 쓰기가 '역할'을 사용하는 이유.

네이티브 의미 요소에 역할을 사용하는 두 가지 주요 이유

은 다음과 같습니다

이유 1.에는 호스트 언어 요소가 여러 가지 이유로, 적합하거나 역할을 재정의, 덜 의미 적절한 요소가 사용되었다 .

예 : 위 예에서

<a href="#" role="button" aria-label="Delete item 1">Delete</a> 

는 링크 생성 기능 이상의 버튼과 같은 네비게이션 링크를 초과하더라도, 사용 하였다.

화면 판독기는이 버튼을 (링크와 달리) 단추로 듣고 CSS 속성 선택기를 사용하여 class-itis 및 div-itis를 피할 수 있습니다. 아리아 역할을 구현하지만 아직 기본 요소의 역할을 구현하지 않은 브라우저를 지원하기 위해, 기본 요소의 역할을 백업

*[role="button"] { 
    /* style these a buttons w/o relying on a .button class */ 
} 

RESON 2..

예를 들어, "메인"역할은 오랫동안 브라우저에서 지원되었지만 HTML5에 비교적 최근에 추가되어 많은 브라우저가 아직 의미를 지원하지 못합니다.

<main role="main">…</main> 

이것은 기술적으로 중복되지만 일부 사용자에게는 도움이되며 피해를주지 않습니다. 몇 년 안에,이 기술은 불필요하게 될 것입니다. 당신은 더 많은 정보를 원하시면 아래 링크를 확인하실 수 있습니다

...

Accessible Rich Internet Applications (WAI-ARIA) 1.0