speak-header

Home>CSS>プロパティリファレンス>speak-header

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

  このエントリーをはてなブックマークに追加 mixiチェック  

speak-headerプロパティの役割

speak-headerプロパティは、表(table要素)の見出しセル(th要素)の読み上げ方を指定します。

speak-headerプロパティは、音声ブラウザの場合に機能します。

speak-headerプロパティに設定できる値

always データセル(td要素)を読み上げる前に、対応する見出しセル(th要素)を毎回読む。
once データセル(td要素)を読み上げる前に、対応する見出しセル(th要素)を1度だけ読む。

speak-headerプロパティの使い方

<table>
<thead><tr>
<th></th><th>項目1</th><th>項目2</th>
</tr></thead>
<tbody><tr>
<th>内容</th><td>内容1</td><td>内容2</td>
</tr></tbody>
</table>

たとえば、上記のコードの場合、通常は、「項目1 項目2 内容 内容1 内容2」と読み上げます。

ここで、CSSでtd要素に以下の指定をすると、

td{ speak-header:always;}

上記の表は、「項目1 項目2 内容 内容1 内容 内容2」と読み上げます。

関連リンク

よく読まれている記事

UpDate:2010-10-10