テスト ID
WAIC-TEST-0034-01
テストのタイトル
CSS による文字間隔の調整
テストの目的
letter-spacing プロパティで文字間隔を調整した状態でも単語の意味が維持されているかの確認
テストの対象となる達成基準 (複数)
1.3.2, 1.4.5, 1.4.9, 1.4.12
関連する達成方法 (複数)
C8
テストコード (テストファイルへのリンク)
WAIC-CODE-0034-01
テストコードのソース (抜粋)
h2.space {letter-spacing: 1em;}
<h2>東京都</h2>
<h2 class="space">東京都</h2>
<h2>東 京 都</h2>
テスト手順 (視覚閲覧環境)
表示内容を確認
期待される結果 (視覚閲覧環境)
CSSで文字間隔を調整した2番目のＨ2要素「東京都」の文字間隔の広がりが確認できる
テスト実施時の注意点 (視覚閲覧環境)
なし
テスト手順 (音声閲覧環境)
- 1番目のH2要素「東京都」と2番目のH2要素「東京都」を読み上げ、内容を確認
- 2番目のH2要素「東京都」と3番目のH2要素「東 京 都」を読み上げ、内容を確認
期待される結果 (音声閲覧環境)
次の 1. ～ 2. をすべて満たしている
- テスト手順(音声閲覧環境) 1 の結果、どちらも「とうきょうと」と読み上げられる
- テスト手順(音声閲覧環境) 2 の結果、「とうきょうと」と「ひがし きょう みやこ」と異なる読み上げ結果となる
テスト実施時の注意点 (音声閲覧環境)
なし
関連する要素や属性
なし