Element.ariaCurrent

Element.ariaCurrent

Element 인터페이스 의 ariaCurrent 속성은 aria-current  속성의 값을 반영하며, 이는 컨테이너 또는 관련 요소 집합 내에서 현재 항목을 나타내는 요소를 나타냅니다.

Value

DOMString 다음 값 중 하나 :

"page"

페이지 세트 내의 현재 페이지를 나타냅니다.

"step"

프로세스 내의 현재 단계를 나타냅니다.

"location"

현재 위치 (예 : 이동 경로 계층 구조의 현재 페이지)를 나타냅니다.

"date"

날짜 모음 내의 현재 날짜를 나타냅니다.

"time"

시간 집합 내에서 현재 시간을 나타냅니다.

"true"

세트 내의 현재 항목을 나타냅니다.

"false"

세트 내의 현재 항목을 나타내지 않습니다.

Examples

이 예에서는 사이트 탐색에 링크 세트가 사용됩니다. aria-current 속성은 현재 페이지를 나타냅니다. 값 page 는 화면 판독기 발표에 통합됩니다. ariaCurrent 를 사용하여 해당 값을 업데이트 할 수 있습니다.

<nav>
  <ul>
    <li><a id="link-home" href="/" aria-current="page">Home</a></li>
    <li><a href="/">About</a></li>
    <li><a href="/">Contact</a></li>
  </ul>
</nav>

let el = document.getElementById('link-home');
console.log(el.ariaCurrent); // "page"
el.ariaCurrent = "tab"
console.log(el.ariaCurrent); // "tab"