次のような見出しがあります。
<h1>This is a t<span>e</span>st.</h1>
文字「e」の周りのタグにより、Mac OS X Voiceover は、単語全体ではなく、単語の個々の文字を個別に読み上げます。だから、それは話します：
"これはテストです。"
それ以外の：
"これはテストです。"
単語の文字をタグ*で囲む必要がある場合、スクリーン リーダーがその単語を通常どおり読み上げるようにするにはどうすればよいでしょうか?
<b>それらはすべて同じ効果を生み出します。<i><em>これは解決策ではありませんが、状況が許せば役立つ回避策になる可能性があります。
1文字をラップして別の方法でレンダリングしたいと感じました。代わりに、「テスト」という単語を画像として表示して、好きな方法で作成し、「テスト」という単語を画像のalt属性として配置できます
<h1>This is a <span id="specialWord" ><img src = "testImage.jpg" alt = "test"></span>. </h1>
そのため、OS X のボイスオーバーが適切に読み上げます。私の記憶が正しければ、画像の alt 属性を読み取るためです。
その場合、問題が発生する可能性があります。誰もそれをテキストとして選択したい場合、それは不可能です。これを解決するには、javascript 関数を呼び出して、span タグの内部 html (id="specialWord" を使用) を img から "test" に動的に変更します。
その恩恵を受けられることを願っています。