speak

概要

speakはCSS Speechモジュールのプロパティで、要素のテキストコンテンツが音声合成で読み上げられるべきかどうかを制御します。normal（読み上げる）、none（読み上げない）、spell-out（スペルアウト）などの値を指定できます。スクリーンリーダーやテキスト読み上げブラウザ向けの音声プレゼンテーションを制御する目的で設計されていますが、実際のブラウザサポートは限定的です。

対応ブラウザ

基本構文

.decorative {
  speak: none;
}
.acronym {
  speak: spell-out;
}

実務での使いどころ

• 装飾テキストの読み上げ抑制

  装飾目的のテキストや繰り返しの区切り文字など、音声で読み上げる必要のないコンテンツを読み上げ対象から除外します。

注意点

アクセシビリティ

• speakプロパティの代わりに、aria-hidden="true"やrole="presentation"を使用して読み上げを制御してください。

参考リンク

• MDN Web Docs — speak