ElementInternals: ariaCurrent property

The ariaCurrent property of the ElementInternals interface reflects the value of the aria-current attribute, which indicates the element that represents the current item within a container or set of related elements.

Value

A string with one of the following values:

"page"

Represents the current page within a set of pages.

"step"

Represents the current step within a process.

"location"

Represents the current location, for example the current page in a breadcrumbs hierarchy.

"date"

Represents the current date within a collection of dates.

"time"

Represents the current time within a set of times.

"true"

Represents the current item within a set.

"false"

Does not represent the current item within a set.

Examples

In this example the value of ariaCurrent is set to "page".

class CustomControl extends HTMLElement {
  constructor() {
    super();
    this.internals_ = this.attachInternals();
    this.internals_.ariaCurrent = "page";
  }
  // …
}

Specifications

Browser compatibility

See also

• Using the aria-current attribute