as_test

テスト ID

WAIC-TEST-0092-01

テストのタイトル

CSS によるフォントサイズのem指定

テストの目的

strong 要素に em でフォントサイズを指定した場合、親要素のフォントサイズに基づいて他のテキストより大きく表示されるかを確認

テストの対象となる達成基準 (複数)

1.4.4, 1.4.5, 1.4.8, 1.4.9

関連する達成方法 (複数)

C12, C13, C14

テストコード (テストファイルへのリンク)

WAIC-CODE-0092-01

テストコードのソース (抜粋)

<h1><strong>ユーザー</strong>がテキストサイズを制御できるようにする</h1>
<p>どのサイズのテキストが自分に適しているかはユーザーのみが知ることができるので、
テキストサイズを設定できるようにすることが<strong>非常に</strong>重要です。</p>

strong {
	font-size: 1.6em;
}

テスト手順 (視覚閲覧環境)

ズーム機能ではなく、ブラウザの文字サイズ変更機能を用いて、文字サイズのみを拡大する

期待される結果 (視覚閲覧環境)

em でフォントサイズが指定された strong 要素について、次の 1. 〜 2. を全て満たすことを確認する。

1. h1 要素の行頭にある「ユーザー」と、p 要素の行末にある「非常に」が周囲のテキストよりも大きく表示される
2. h1 要素の行頭にある「ユーザー」と、p 要素の行末にある「非常に」では、h1 要素の行頭にある「ユーザー」のほうが大きく表示される

テスト実施時の注意点 (視覚閲覧環境)

なし

テスト手順 (音声閲覧環境)

テスト不要

期待される結果 (音声閲覧環境)

なし

関連する要素や属性

strong要素