このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
Element.ariaRowIndexText
Baseline 2025Newly available
Since December 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Experimental:これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。
ariaRowIndexText はElement インターフェイスのプロパティで、aria-rowindextext 属性の値を反映し、aria-rowindex の人間が読むための代替テキストを定義します。
値
文字列です。
例
この例では、ID がrole-heading の要素のaria-rowindextext 属性に "Heading row" が設定されています。ariaRowIndexText を使用して、値を文字列 "Updated heading row" に更新します。
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-rowindextext="Heading row"> 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>js
let el = document.getElementById("role-heading");console.log(el.ariaRowIndexText); // "Heading row"el.ariaRowIndexText = "Updated heading row";console.log(el.ariaRowIndexText); // "Updated heading row"仕様書
| Specification |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) # dom-ariamixin-ariarowindextext |