アクセシビリティ サポーテッド（AS）情報
テストケース 0090-01: CSS によるフォントサイズのパーセント指定
- 作成者：ウェブアクセシビリティ基盤委員会（WAIC）
テストの対象となる達成基準
- 1.4.4 テキストのサイズ変更 (レベルAA) に関連するAS情報
- 1.4.5 文字画像 (レベルAA) に関連するAS情報
- 1.4.8 視覚的提示 (レベルAAA) に関連するAS情報
- 1.4.9 文字画像 (例外なし) (レベルAAA) に関連するAS情報
関連する達成方法（テクニック）
- C12:「フォントサイズにパーセントを使用する」に関連するAS情報
- C13:「名前付きフォントサイズを使用する」に関連するAS情報
- C14:「フォントサイズに em 単位を使用する」に関連するAS情報
テスト詳細
検証結果一覧
- テスト結果の件数: 3件
テスト結果の詳細
| ID | 環境 | 判断 | 操作内容 | 得られた結果 | テスト実施者 | 実施日 | 備考 |
|---|---|---|---|---|---|---|---|
| 664 |
| ○ | ページを開く | 見出しの「ユーザ」と段落中の「非常に」が周囲のテキストより少し大きく表示された。 | たた | 2025-01-23 | |
| 684 |
| ○ | Chromeメニュー > 設定 > デザイン > フォントサイズを変更 ブラウザ検証ツールで「周囲のテキスト」「strong要素」のpx値を確認 | ▼極小 見出し 周囲のテキスト : 18px strong要素 : 21.6px 段落 周囲のテキスト : 10px strong要素 : 10.8px ▼小 見出し 周囲のテキスト : 24px strong要素 : 28.8px 段落 周囲のテキスト : 12px strong要素 : 14.4px ▼中（推奨） 見出し 周囲のテキスト : 32px strong要素 : 38.4px 段落 周囲のテキスト : 16px strong要素 : 19.2px ▼大 見出し 周囲のテキスト : 40px strong要素 : 48px 段落 周囲のテキスト : 20px strong要素 : 24px ▼極大 見出し 周囲のテキスト : 48px strong要素 : 57.6px 段落 周囲のテキスト : 24px strong要素 : 28.8px | DAWN 上村 | 2025-10-23 | |
| 685 |
| ○ | 拡大 : option + command + プラス記号 (+) 縮小 : option + command + マイナス記号 (-) ※ショートカットではなく「表示」メニューを開いて、「option」キーを押しながら「文字を拡大」または「文字を縮小」を選択でも変更可能 ブラウザ検証ツールで「周囲のテキスト」「strong要素」のpx値を確認 | ▼縮小2回 見出し 周囲のテキスト : 22.2px strong要素 : 26.6px 段落 周囲のテキスト : 11.1px strong要素 : 13.3px ▼縮小1回 見出し 周囲のテキスト : 26.6px strong要素 : 32px 段落 周囲のテキスト : 13.3px strong要素 : 16px ▼標準 見出し 周囲のテキスト : 32px strong要素 : 38.4px 段落 周囲のテキスト : 16px strong要素 : 19.2px ▼拡大1回 見出し 周囲のテキスト : 38.4px strong要素 : 46px 段落 周囲のテキスト : 19.2px strong要素 : 23px ▼拡大2回 見出し 周囲のテキスト : 46px strong要素 : 55.2px 段落 周囲のテキスト : 23px strong要素 : 27.6px | DAWN 上村 | 2025-10-23 |
ライセンス
各検証結果は、それぞれの作成者を原著作者とし、クリエイティブ・コモンズ・ライセンスの下でライセンスされています。原著作者名は、それぞれの検証結果をご覧ください。また、ご利用になる前に利用許諾条項を必ずご確認ください。
利用許諾条項（表示 – 継承 4.0 国際）の確認