件名:「令和7年国勢調査 人口等基本集計 結果の要約」のウェブページ化
本書は株式会社行間が自主的に制作した制作例に添える文書です。受託業務の納品物ではありません。
| 規格 | JIS X 8341-3:2016 目標とする適合レベル:AA |
|---|---|
| 対象のページ | index.html(令和7年国勢調査 人口等基本集計 結果の要約) |
| 試験の日 | 2026年11月3日 |
| 試験の環境 | macOS 26.5/Google Chrome 157(自動の確認)、W3C Nu Html Checker |
| 結果 | 適合 21 項目、適用なし 17 項目、不適合 0 項目(38 項目中) |
試験は自己試験です(第三者の試験ではありません)。音声読み上げソフトでの確認は行っていません。代わりに、読み上げソフトが読む情報(アクセシビリティツリーの名前・役割)を確認しました。
| 文字と背景のコントラスト | 12 種類、最小 6.93:1、基準未満 0 件 |
|---|---|
| キーボード | Tab で 25 か所、フォーカスが見えない箇所 0、行き止まり なし、数値の表の開閉(Enter)可 |
| 構造 | 見出し 11(飛ばし 0)、表 12(caption と scope すべてあり)、図 11(名前 すべてあり) |
| 表示の幅 | 640px(200% 相当)ではみ出し 0 件、375px ではみ出し 0 件 |
| HTML の検証 | Nu Html Checker:エラー 0 件、警告 0 件 |
「適用」は、対象のページにその達成基準が関係するコンテンツがあるか。「適用なし」は、関係するコンテンツがないため満たしているものとして扱う項目です。
| 番号 | 達成基準 | レベル | 適用 | 結果 | 確認の方法と根拠 |
|---|---|---|---|---|---|
| 1.1.1 | 非テキストコンテンツ | A | あり | 適合 | 図の SVG 11 点すべてに role="img" と名前(図の番号・題名と説明文)があることを、Chrome で開いたページの要素から確認。説明文と数値の表の内容を、原本・元データと照合(build_page.py)。画像(img)は使っていない。 |
| 1.2.1 | 音声のみ及び映像のみ(収録済み) | A | なし | 適用なし | 音声・映像のコンテンツがない。 |
| 1.2.2 | キャプション(収録済み) | A | なし | 適用なし | 同上。 |
| 1.2.3 | 音声解説、又はメディアに対する代替(収録済み) | A | なし | 適用なし | 同上。 |
| 1.2.4 | キャプション(ライブ) | AA | なし | 適用なし | 同上。 |
| 1.2.5 | 音声解説(収録済み) | AA | なし | 適用なし | 同上。 |
| 1.3.1 | 情報及び関係性 | A | あり | 適合 | 見出し 11 個(h1・h2、レベルの飛ばしなし)、箇条書きは ul、表 12 個すべてに caption があり、見出しセル(th)すべてに scope があることを確認。 |
| 1.3.2 | 意味のある順序 | A | あり | 適合 | CSS を切った状態と同じ並び(HTML の順序)で、原本の読む順序(見出し→箇条書き→図→表)になっていることを目視で確認。 |
| 1.3.3 | 感覚的な特徴 | A | あり | 適合 | 本文と説明文に、形・位置・色だけで指し示す表現がないことを確認(「すぐ下の表1」のように番号で特定している)。 |
| 1.4.1 | 色の使用 | A | あり | 適合 | 図の系列は色に加えて、線の種類・印の形・凡例の文字で区別できることを確認。リンクは下線つき。 |
| 1.4.2 | 音声の制御 | A | なし | 適用なし | 音声がない。 |
| 1.4.3 | コントラスト(最低限) | AA | あり | 適合 | ページ上の文字と背景の組合せ 12 種類を計算し、最小 6.93:1(基準 4.5:1)。図の中の文字は 17.14:1・8.52:1・9.67:1・4.59:1・8.47:1。 |
| 1.4.4 | テキストのサイズ変更 | AA | あり | 適合 | 文字サイズを 200% にした状態に相当する幅 640px で表示し、横方向のはみ出し 0 件(表と図は枠の中で横に動かせる)。幅 375px でもはみ出し 0 件。 |
| 1.4.5 | 文字画像 | AA | あり | 適合 | 文字の画像を使っていない(図の目盛・凡例・数値はすべて SVG の文字)。 |
| 2.1.1 | キーボード | A | あり | 適合 | Tab キーだけで 25 か所にフォーカスが移り、「〇〇の数値(表)」を Enter キーで開けることを確認。横に動かせる表の枠は Tab で選んで矢印キーで動かせる。 |
| 2.1.2 | キーボードトラップなし | A | あり | 適合 | Tab キーで最後までたどり、先頭に戻れることを確認(行き止まりなし)。 |
| 2.2.1 | タイミング調整可能 | A | なし | 適用なし | 制限時間がない。 |
| 2.2.2 | 一時停止、停止、非表示 | A | なし | 適用なし | 動くもの・自動で更新されるものがない。 |
| 2.3.1 | 3回の閃光、又は閾値以下 | A | なし | 適用なし | 点滅するものがない。 |
| 2.4.1 | ブロックスキップ | A | あり | 適合 | 先頭に「本文へ移動」のリンクがあり、本文の先頭に移ることを確認。見出しでも移動できる。 |
| 2.4.2 | ページタイトル | A | あり | 適合 | title:「令和7年国勢調査 人口等基本集計 結果の要約(ウェブページ版・制作例)」 |
| 2.4.3 | フォーカス順序 | A | あり | 適合 | Tab キーでたどった順序が、目次→各章の表の枠・数値の表→出典の順で、読む順序と一致することを確認。 |
| 2.4.4 | リンクの目的(コンテキスト内) | A | あり | 適合 | リンク 13 個に空のものがないこと、文字だけで行き先が分かることを確認。原本へのリンクには形式と大きさ(PDF:554KB)を書いた。 |
| 2.4.5 | 複数の手段 | AA | なし | 対象外 | 1 ページの制作物のため。掲載先のサイトのメニュー・サイトマップ・検索で満たす(ページ内には目次を置いた)。 |
| 2.4.6 | 見出し及びラベル | AA | あり | 適合 | 見出しが各章の内容(原本の囲みの見出し)を表していること、表の見出しセルが列・行の内容を表していることを確認。 |
| 2.4.7 | フォーカスの可視化 | AA | あり | 適合 | フォーカスを受けた 25 か所すべてで、3px の枠が表示されることを確認(見えない箇所 0)。 |
| 3.1.1 | ページの言語 | A | あり | 適合 | html 要素の lang="ja"。 |
| 3.1.2 | 一部分の言語 | AA | あり | 適合 | 英語の部分(国連の資料名など 6 か所)に lang="en" があることを確認。 |
| 3.2.1 | フォーカス時 | A | あり | 適合 | フォーカスを移しただけで、ページの移動や内容の大きな変化が起きないことを確認。 |
| 3.2.2 | 入力時 | A | なし | 適用なし | 入力欄がない。 |
| 3.2.3 | 一貫したナビゲーション | AA | なし | 対象外 | 1 ページの制作物のため。複数のページにまたがるナビゲーションは掲載先のサイトで確保する。 |
| 3.2.4 | 一貫した識別性 | AA | なし | 対象外 | 同上。ページ内では「〇〇の数値(表)」の開閉を同じ書き方にそろえた。 |
| 3.3.1 | エラーの特定 | A | なし | 適用なし | 入力欄がない。 |
| 3.3.2 | ラベル又は説明 | A | なし | 適用なし | 同上。 |
| 3.3.3 | エラー修正の提案 | AA | なし | 適用なし | 同上。 |
| 3.3.4 | エラー回避(法的、金融、データ) | AA | なし | 適用なし | 同上。 |
| 4.1.1 | 構文解析 | A | あり | 適合 | W3C Nu Html Checker(validator.w3.org/nu)で検証し、エラー 0 件、警告 0 件。id の重複 0 件。 |
| 4.1.2 | 名前(name)・役割(role)及び値(value) | A | あり | 適合 | Chrome のアクセシビリティツリーで、図(role="img")・表の枠(region)・開閉(details)に名前と状態があることを確認。 |