アクセシビリティ・サポーテッド(AS)情報:G115-5

G115-5: セマンティックな要素を用いて、構造をマークアップする

関連する達成基準の実装方法一覧

7.1.3.1情報及び関係性に関する達成基準 (等級A)

テストファイル

G115-5のテストファイル

見解

要注意

対象

em要素

注意点

blockquote要素などとは異なり、文脈だけでは利用者は判断できない。

代替もしくは推奨する方法

強調されている箇所が分からないとコンテンツを理解できない場合には、何らかの方法で示さなければならない。
また、em要素とstrong要素の違いが分からないとコンテンツを理解できない場合には、その違いが分かるように何らかの方法で示さなければならない。

備考

使用することによる悪影響はなく、スクリーンリーダーによる今後の機能向上に期待する。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 1.「痛烈な」の背景色がCSSで指定したシアンで表示された
2.「痛烈な」が標準のフォントスタイルで表示された
Internet Explorer 7.0 「痛烈な」のエリアがシアン色で表示され、フォント自体は他のテキストと変わらない標準フォントで表示されている。
Internet Explorer 8.0 「痛烈な」のエリアがシアン色で表示され、フォント自体は他のテキストと変わらない標準フォントで表示されている。
Internet Explorer 9 1.em要素でマークアップされた「痛烈な」の背景色がCSSで指定したシアンで表示されていることを確認
2.em要素でマークアップされた「痛烈な」が標準のフォントスタイルで表示されていることを確認
1:○
2:○
Firefox 3.5 1.em要素でマークアップされた「痛烈な」の背景色がCSSで指定したシアンで表示されている。
2.em要素でマークアップされた「痛烈な」が標準のフォントスタイルで表示されている。
Firefox 4.0 1.em要素でマークアップされた「痛烈な」の背景色がCSSで指定したシアンで表示されている。
2.em要素でマークアップされた「痛烈な」が標準のフォントスタイルで表示されている。
Firefox 9.0 1.em要素でマークアップされた「痛烈な」の背景色がCSSで指定したシアンで表示されていることを確認
2.em要素でマークアップされた「痛烈な」が標準のフォントスタイルで表示されていることを確認
1:○
2:○
Safari 3.2 1.「痛烈な」の背景色がシアンで表示されている。
2.「痛烈な」が標準フォントで表示されている。
Safari 5.0.3
JAWS for Windows 9.0 × ■操作手順
JAWSオプションの調整で「画面エコー」を「強調表示」にして確認した。
■音声読み上げ
「新しい単語は テン 背景色をシアンにしてハイライトかつ強調されます マル そのプレー対する痛烈な批評は テン 少々厳しすぎるように思われました マル」(音声による変化はなかった)
em要素の部分が強調されていることがわかるようには読み上げなかった。
ホームページ・リーダー 3.04 × ■操作手順
「そのプレー対する痛烈な批評は、少々厳しすぎるように思われました」と同じ読み上げ方をするので、強調していることが分からない
■音声読み上げ
「そのプレー対する痛烈な批評は、少々厳しすぎるように思われました」
強調していることを分かるように読み上げない
PC-Talker XP 3.06 × ■操作手順
ハイライト部分は特に強調されていない。
■音声読み上げ
「新しい単語は、背景色をシアンにしてハイライトかつ強調されています。そのプレー対する痛烈な批評は、少々厳しすぎるように思われました。」
強調されて読み上げられなかったため、×。
PC-Talker XP 3.06 + NetReader 1.18 × ■操作手順
em要素でマークアップされた「痛烈な」が、強調されていることが分かるように読み上げなかった。
■音声読み上げ
「新しい単語は テン 背景色をシアンにしてハイライトかつ強調されています マル
そのプレー対する痛烈な批評は テン・・・」
FocusTalk V3 ■操作手順
「そのプレー対する痛烈な 強調 批評は、少々厳しすぎるように思われました」と強調箇所の後に「強調」と読み上げ、強調していることが分かる。
■音声読み上げ
「そのプレー対する痛烈な 強調 批評は、少々厳しすぎるように思われました」
左記は、一文ずつ読み上げた結果。
全文読みで読み上げた場合、「痛烈な」の後に「強調」とは発声されない。
NVDA 2010.1j × ■操作手順
該当項目は通常の本文と同じように読み上げられた。
■音声読み上げ
「そのプレー対する痛烈な批評は、少々厳しすぎるように思われました。」
NVDA 2011.1 × ■操作手順
該当項目は通常の本文と同じように読み上げられた。
■音声読み上げ
「そのプレー対する痛烈な批評は、少々厳しすぎるように思われました。」
Firefox18.0.1 1.em要素でマークアップされた「痛烈な」の背景色がCSSで指定したシアンで表示されていることを確認
2.em要素でマークアップされた「痛烈な」が標準のフォントスタイルで表示されていることを確認
Google Chrome 25 【1】:em要素でマークアップされた「痛烈な」の背景色がCSSで指定したシアンで表示されるかを確認する。
【2】em要素でマークアップされた「痛烈な」が標準のフォントスタイルで表示されるかを確認する。
【1】○
em要素でマークアップされた「痛烈な」の背景色がCSSで指定したシアンで表示されていることを確認した。
【2】○
em要素でマークアップされた「痛烈な」が標準のフォントスタイルで表示されていることを確認した。
Safari 6.0.5 テストファイルにマークアップのミスあり
NVDA 2012.3 × ■操作手順
該当項目は通常の本文と同じように読み上げられた。
■音声読み上げ
「そのプレー対する痛烈な批評は、少々厳しすぎるように思われました。」
PC-Talker 7 2.12 × ■操作手順
Ctrl+下矢印キーで行読み、またはShiftキーで全文読み
■音声読み上げ
「新しい単語は、背景色をシアンにしてハイライトかつ強調されています。そのプレー対する 痛烈な 批評は、少々厳しすぎるように思われました。」
強調されていることが分かるようには読み上げない
VoiceOver × ■操作手順
該当項目は通常の本文と同じように読み上げられた。
■音声読み上げ
「そのプレー対する痛烈な批評は、少々厳しすぎるように思われました。」