§18-08Accessibility
読み上げモード切替
本文を音声で読み上げるモードに切り替える。
読むのが難しい状況や視覚に負担がある利用者に本文を届ける。長い記事や移動中の利用で、画面を見続けられない場面に向く。
実装のポイント
SpeechSynthesisUtterance に lang を指定し、停止時やアンマウント時は speechSynthesis.cancel() を呼ぶ。読み上げ対象は表示中の本文から取得し、再生中の段落を強調する。
- 特徴
- ブラウザ API
- アクセシビリティ
- デモで使っているもの
- lucide-react
- Speech Synthesis