JavaScript Element ariaCurrent Property

Beginner
5 min read
Updated: Nov 2026
3 examples
Property

Definition

In JavaScript, the ariaCurrent property of Element reflects the aria-current attribute, which marks the current item within a container or set of related elements (MDN).

Read the notes below before you get or set this property. Prefer feature detection when support is limited.

Syntax

Use el.ariaCurrent. Start with this line.

JavaScript
el.ariaCurrent
CallWhat it does
el.ariaCurrentPrimary signature.

Built into the browser. Read or assign el.ariaCurrent — no import required.

Library declarations
JavaScript
el.ariaCurrent

Parameters

ParameterDescription
Single currentRequired. Only one item in the set should be current
"false" / removeOptional. Not exposed as current to the user

Return Value

Return ValueDescription
*The current value of el.ariaCurrent.

JavaScript Examples

Example 1 — Read ariaCurrent

MDN-style nav link: read the reflected current-page token.

JavaScript
const el = document.getElementById("link-home");
console.log(el.ariaCurrent); // "page"
Try It Yourself

How It Works

  1. Select the link marked as the current page.
  2. Read ariaCurrent. Returns the token string.
  3. Expect "page" for site navigation.
  4. AT can announce that this is the current page.

Example 2 — Get and Set

Update the token from script (keep documented values).

JavaScript
const el = document.getElementById("link-home");
console.log(el.ariaCurrent); // "page"
el.ariaCurrent = "true";
console.log(el.ariaCurrent); // "true"
Try It Yourself

How It Works

  1. Log the start value. Matches the HTML attribute.
  2. Assign a documented token. Prefer specific ones when you can.
  3. Read again. Confirms property and attribute updated.
  4. Avoid unknown tokens for clearer AT meaning (unknowns act like "true").

Example 3 — Switch the Current Link

Clear the old current item, then mark the new one.

JavaScript
const home = document.getElementById("link-home");
const about = document.getElementById("link-about");

home.ariaCurrent = "false";
about.ariaCurrent = "page";

console.log(home.ariaCurrent);  // "false"
console.log(about.ariaCurrent); // "page"
Try It Yourself

How It Works

  1. Clear the old item. "false" (or remove the attribute).
  2. Set the new item to "page" (or another fit token).
  3. Keep only one current in the set (MDN).
  4. Match visuals — AT should agree with what sighted users see.

Browser Support

Element.ariaCurrent is Baseline Widely available (MDN: across browsers since October 2023). It is not Deprecated, Experimental, or Non-standard.

✓ Baseline Widely available

Element.ariaCurrent

Reflects aria-current as a string token for the current page, step, location, date, time, or generic item in a set.

Baseline Widely available
Google Chrome Supported · Desktop & Mobile
Full support
Mozilla Firefox Supported · Desktop & Mobile
Full support
Apple Safari Supported · macOS & iOS
Full support
Microsoft Edge Supported · Chromium
Full support
Internet Explorer No native support · Use a polyfill
Polyfill
Opera Supported · Modern versions
Full support
Samsung Internet Supported · Android
Full support
Android WebView Supported · Modern WebView
Full support
ariaCurrent Baseline

Bottom line: Safe for modern apps. Use specific tokens, keep one current item per set, and use ariaSelected for tabs.

Frequently Asked Questions

It reflects the aria-current attribute as a string, marking which item is the current page, step, location, date, time, or generic current item within a related set (MDN).
No. MDN marks Element.ariaCurrent as Baseline Widely available (since October 2023). It is not Deprecated, Experimental, or Non-standard.
The strings "page", "step", "location", "date", "time", "true", or "false". Prefer the most specific token that matches the UI.
Use "page" for the current page in navigation or breadcrumbs. Use "true" when the item is current but none of the more specific tokens fit. Use "false" (or remove the attribute) when it is not current.
Only mark one element in a set as current (MDN). When the user moves, clear the old item and set the new one.
No. For tab, gridcell, option, and row, use aria-selected instead of aria-current (MDN).

Next: ariaDescribedByElements

Learn the Element property that reflects aria-describedby as element references.

ariaDescribedByElements tutorial →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

10 people found this page helpful