Element.ariaColIndexText

Baseline 2025

Newly available

Since December 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

TheariaColIndexText property of theElement interface reflects the value of thearia-colindextext attribute, which defines a human readable text alternative of aria-colindex.

Value

A string.

Examples

In this example thearia-colindex attribute on the element with an ID ofrole-heading is set to "Aria Role column". UsingariaColIndexText we update the value to the string "New column name".

html

<table   role="table"  aria-label="Semantic Elements"  aria-describedby="semantic_elements_table_desc"  aria-rowcount="100">  <caption>    Semantic Elements to use instead of ARIA's roles  </caption>  <thead role="rowgroup">    <tr role="row">      <th        role="columnheader"               aria-sort="none"        aria-rowindex="1"        aria-colindex="1"        aria-colindextext="Aria Role column">        ARIA Role      </th>      <th        role="columnheader"               aria-sort="none"        aria-rowindex="1">        Semantic Element      </th>    </tr>  </thead>  <tbody role="rowgroup">    <tr role="row">      <td role="cell" aria-rowindex="11">header</td>      <td role="cell" aria-rowindex="11">h1</td>    </tr>    <tr role="row">      <td role="cell" aria-rowindex="16">header</td>      <td role="cell" aria-rowindex="16">h6</td>    </tr>    <tr role="row">      <td role="cell" aria-rowindex="18">rowgroup</td>      <td role="cell" aria-rowindex="18">thead</td>    </tr>    <tr role="row">      <td role="cell" aria-rowindex="24">term</td>      <td role="cell" aria-rowindex="24">dt</td>    </tr>  </tbody></table>

let el = document.getElementById("role-heading");console.log(el.ariaColIndexText); // "Aria Role"el.ariaColIndexText = "New column name";console.log(el.ariaColIndexText); // "New column name"