タイトルタグ内の漢字を正しく音声で読み上げて欲しい

Question

漢字の読みが難しいタイトルを、正しく読み上げさせたいのですが良い方法はありませんでしょうか。
チェック端末は、androidのchromeで、ユーザー補助のTalkbackを使って読ませています。

仮にタイトルを次のものとします。

<title>真備町妹千歳楽（まびちょうせ せんだいろく）保存会</title> このままでは、『まびちょういもうとちとせらくほぞんかい』と読まれます。

タグ内はタグが使えないため、

<title>
<ruby><rb>真備町妹</rb><rt>まびちょうせ</rt></ruby>
<ruby><rb>千歳楽</rb><rt>せんだいろく</rt></ruby>
</title>

このようにルビを使った場合は、

<ruby><rb>真備町妹</rb><rt>まびちょうせ</rt></ruby><ruby><rb>千歳楽</rb><rt>せんだいろく</rt></ruby>

そのまま出力されます。

理想的な目標は、
■ブラウザ上部へのタイトル表示
『真備町妹千歳楽保存会』

■Googleへ掲載されるタイトル
『真備町妹千歳楽（まびちょうせ せんだいろく）保存会』

■音声で読み上げられる内容
『まびちょうせ せんだいろく ほぞんかい』

となることです。

<title class="not_voice" aria-hidden="true">真備町妹千歳楽保存会</title>
<title class="voice">まびちょうせ せんだいろく ほぞんかい</title>

2重に表記するとこで、aria-hidden="true" で読み上げをスキップできないか、
@media only speech {.not_voice {display:none;}}　メディアクエリで回避できないかと試してみたのですが、上手くいきませんでした。

どなたかよい方法があれば、教えていただけると助かります。

Answer 1

これとかどうでしょう。

【知っていると便利なaria-label属性の使い方 – ofujimiki】
https://www.ofujimiki.jp/2015/11/04/aria-label/

Comments

[miyabi_pudding]

横やり失礼します。
こんな素晴らしい属性があったとは。
これ、SEOにも有効そうですね。
（正しく情報を伝えるという意味で）

[netservice]

回答ありがとうございます。
<title aria-label="よみあげテキスト">読み上げテキスト</title>
上記を試してみましたが、読み上げてくれませんでした。
それでも、このやり方は覚えておくと役立ちそうです。ありがとうございます。
後ほどパソコンの方での読み上げを試してみたいと思います。