JavaScript Element ariaColIndexText Property

Beginner
5 min read
Updated: Nov 2026
3 examples
Property

Definition

In JavaScript, the ariaColIndexText property of Element reflects the aria-colindextext attribute, which defines a human-readable text alternative of aria-colindex (MDN).

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

Syntax

Use el.ariaColIndexText. Start with this line.

JavaScript
el.ariaColIndexText
CallWhat it does
el.ariaColIndexTextPrimary signature.

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

Library declarations
JavaScript
el.ariaColIndexText

Parameters

ParameterDescription
ariaColIndexRequired. Numeric position tracking
ariaColIndexTextOptional. Spoken / readable alternative
Cell / columnheaderRequired. Where the attributes live

Return Value

Return ValueDescription
*The current value of el.ariaColIndexText.

JavaScript Examples

Example 1 — Read ariaColIndexText

MDN-style header: read the reflected human-readable string.

JavaScript
const el = document.getElementById("role-heading");
console.log(el.ariaColIndexText);
Try It Yourself

How It Works

  1. Select the header. It should also have aria-colindex.
  2. Read ariaColIndexText. Returns the reflected string.
  3. Expect plain text. Not a number — a phrase for humans/AT.
  4. Feature-detect in older browsers (Newly available).

Example 2 — Get and Set (MDN)

Update the human-readable alternative from script.

JavaScript
const el = document.getElementById("role-heading");
console.log(el.ariaColIndexText);
el.ariaColIndexText = "New column name";
console.log(el.ariaColIndexText); // "New column name"
Try It Yourself

How It Works

  1. Log the start value. Matches the HTML attribute.
  2. Assign a string. Any clear human phrase.
  3. Read again. Confirms the property (and attribute) updated.
  4. Leave ariaColIndex alone. Numeric position must remain.

Example 3 — Clarify a Large Spreadsheet Index

Announce a meaning instead of “Column 110” (MDN spreadsheet idea).

JavaScript
const th = document.getElementById("jan21");

th.ariaColIndex = "110"; // keep for navigation
th.ariaColIndexText = "Value at start of 2021";

console.log(th.ariaColIndex);     // "110"
console.log(th.ariaColIndexText); // "Value at start of 2021"
Try It Yourself

How It Works

  1. Keep the number. ariaColIndex = "110" for position tracking.
  2. Add meaning. Text AT can say instead of a raw column number.
  3. Use sparingly. Only when the numeric index is not meaningful (MDN).
  4. Test support. Newly available — detect before relying on it.

Browser Support

Element.ariaColIndexText is Baseline Newly available (MDN: since December 2025). It is not Deprecated, Experimental, or Non-standard — still feature-detect for older clients.

✓ Baseline Newly available

Element.ariaColIndexText

Reflects aria-colindextext as a human-readable alternative to aria-colindex. Keep the numeric index too.

New Newly available (Dec 2025)
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
ariaColIndexText New

Bottom line: Use when large column numbers confuse users. Always keep ariaColIndex. Detect support before depending on the IDL in older browsers.

Frequently Asked Questions

It reflects the aria-colindextext attribute as a string — a human-readable text alternative of the numeric aria-colindex (MDN).
No. MDN marks Element.ariaColIndexText as Baseline Newly available (since December 2025). It is not Deprecated, Experimental, or Non-standard. It may not work in older browsers.
ariaColIndex is a 1-based numeric position string (for example "110"). ariaColIndexText is optional friendly text AT can announce instead of that number (for example "Value at start of 2021").
Yes. MDN: whenever you include aria-colindextext, also keep aria-colindex — some assistive technologies rely on the numeric index for position tracking and table navigation.
Only when the numeric aria-colindex is not meaningful or does not reflect the displayed index — for example a huge spreadsheet column number (MDN).
Yes. Reading and writing ariaColIndexText updates the reflected aria-colindextext attribute.

Next: ariaColSpan

Learn the Element property that reflects aria-colspan for multi-column cells.

ariaColSpan 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