<sup>
タグを使用して力を示す適切な方法はありますか? スクリーン リーダーでは、3-23<sup>2</sup>
または 32 と読み上げられるだけではありませんか? これを行うには、よりアクセスしやすい方法が必要なようです。
2 に答える
HTML には、権限を示すその他のマークアップ要素はありません。要素でさえsup
指数を意味しません。それは上付き文字を意味し、それは順番に異なることを意味するかもしれません. HTML5 ドラフトによると、sup
「これらの要素がないsub
とコンテンツの意味が変わる場合にのみ使用する必要があります。しかし、上付き文字が文体的である のような例をまだ示しています。<span lang="fr"><abbr>M<sup>lle</sup></abbr>
の扱いはsup
ブラウザーによって異なりますが、ブラウザーが3<sup>2</sup>
「上付き文字 3 つ 2」または「3 の 2 乗」と読むことを実際に期待することはできません。彼らがそのようなことをM<sup>lle</sup>
すると、本当に奇妙に聞こえます。
「²」などの上付き文字の使用についても同様のことが言えます。それらの固有の意味は、べき乗を示すのではなく、上付き文字にすることです。
これは、 などの他のマークアップの使用を合理的に検討できることも意味します3<span class=sup>2</span>
。要素は意味的に空ですが、「プレゼンテーション セマンティクス」を持つspan
よりもそれほど悪くはありません。span
そうする理由は、要素をスタイルする本当に満足できる方法がないsup
からかもしれません。を使用するとspan
、きれいなデスクから始められます。
一般に、下付き文字/上付き文字に相当する Unicode がある場合、 /要素の代わりにその文字を直接使用する必要があります (これは必須ではなく、単なる推奨事項なので、好きなものを使用してください)。sub
sup
これらの下付き/上付きの Unicode 文字のいくつかは、次の Wikipedia の記事で見つけることができます。
文字セットを UTF-8 などの Unicode エンコーディングに設定すると、これらの文字をドキュメントに直接入力 (またはコピー/貼り付け) できます。HTML5 の例: <meta charset="utf-8">
. それ以外の場合は、文字エンティティを使用します。
例外:数学的なコンテキストでは、MathMLを/と共に使用する必要があります(したがって、これらの特殊な下付き/上付き Unicode 文字は使用しないでください)。要素内で HTML5 の MathML を使用できます。msub
msup
math
これら 2 つの「すべきこと」のソース: XML およびその他のマークアップ言語の Unicode : 5.6 上付き文字と下付き文字(ドイツ語のブログ投稿経由)
これを行うには、よりアクセスしやすい方法が必要なようです。
sub
/要素または関連する Unicode 文字を使用してこれらの下付き文字/上付き文字に相当するものをマークアップすることによりsup
、まさにあなたの仕事を行っていることになります: ユーザーエージェントに「意味」を伝えることで、テキストの処理方法を知ることができます。ドキュメント検索 (ブラウザでは「CTRL + f」)、テキスト読み上げ (スクリーンリーダー)、ウェブ検索 (検索エンジン)、…</p>
3²
スクリーン リーダーがやを正しく読み上げ/アナウンスしない場合3<sup>2</sup>
、それは (重大な) バグであり、修正する必要があります。
このようなユーザーエージェントの唯一の問題は、人々がこれらの文字/要素を誤用した場合です。この場合は関係ありませんが、他の読者にとってはそうかもしれません: 下付き文字/上付き文字が文体のみの場合 (そして、下付き文字/上付き文字によって新しい意味を持たない場合)、CSS を使用する必要があります (特殊な Unicode 文字またはsub
/sup
要素の代わりに): vertical-align with sub
/ super
(また、フォント サイズも調整する必要があります。別の質問に対するこの回答を参照してください。)