HTML Living Standard/em
EM要素
[編集]<em>
要素は、強調を意味するHTML要素です。特に、文脈において重要性が強調されるべき語やフレーズを示す際に使用されます。アクセシビリティに配慮した強調を行うために用いられ、通常、スクリーンリーダーでは強調された内容を異なるイントネーションで読み上げることができます。
定義
[編集]<em>
は「強調」を意味し、テキストの一部を強調する目的で使われます。文脈において重要な意味を持つ部分に適用され、視覚的には通常、斜体(italic)として表示されることが多いですが、スタイルが変更される場合もあります。
使用方法
[編集]以下は、<em>
要素を使用した基本的な例です。
<p>これは<em>重要な</em>メッセージです。</p>
この例では、「重要な」が強調されており、一般的には斜体で表示されます。また、スクリーンリーダーなどの支援技術を使用するユーザーには、この語句が強調された内容であることが伝えられます。
意図的な強調
[編集]<em>
は、単なる装飾的なスタイル変更(例えば、斜体)を目的とするものではありません。代わりに、強調された内容が文脈的に重要であることを意味します。たとえば、次のように使用することが考えられます。
<p>彼は<em>最も優れた</em>選手です。</p>
ここでは「最も優れた」という部分が強調され、重要なポイントであることが示されています。
代替手段との違い
[編集]<strong>
要素との違い:
<p><em>大事な</em>会議が<em>来週</em>にあります。</p>
この場合、強調される部分は文脈において重要ですが、<strong>
を使用することでその重要性をより強く示すことができます。
アクセシビリティ
[編集]<em>
要素はスクリーンリーダーにおいて強調されたテキストを異なるイントネーションで読み上げることにより、視覚に頼らないユーザーに対してその重要性を伝える手助けをします。このため、アクセシビリティに配慮したWebコンテンツ作成において重要な役割を果たします。
また、視覚的な強調が斜体である場合でも、スクリーンリーダーなどは意味的な強調を強調するため、適切なアプローチを取ることができます。
注意点
[編集]<em>
要素を過度に使用しないようにしましょう。過剰な強調は、実際に強調すべき内容の重要性を減少させ、ユーザーに混乱を招く可能性があります。- 斜体にするだけでなく、意味的に強調されるべきテキストを適切にマーキングすることが重要です。