統一基準チェックリスト
更新日:
本ページは、「東京都公式ホームページ作成に関する統一基準」(令和5年4月改訂)および関連する特記仕様書・デザインガイドラインに対する、本サイトの実装状況です。JIS X 8341-3:2016 適合レベルAA準拠を目標とします。
凡例:対応/今後対応/対象外・該当なし
対象と試験範囲
- 対象サイト:中堅・中小企業向けサステナビリティ経営実践セミナー公式ホームページ
- ページ数:8(11ページ以下のため、納品前試験は全ページが対象)
- 達成期限:2026年12月31日
- 試験結果ページ:miChecker等による検証後、アクセシビリティ方針へ追記
第2 ページデザイン(優先度A)
統一基準 第2 ページデザイン
| 項目 | 優先度 | 状況 | 実装内容 |
| HTMLの構文(開始・終了タグ、入れ子、重複属性なし、ID一意) | A | 対応 | 静的HTMLで記述。IDはページ内で一意 |
| 情報と関係性のマークアップ | A | 対応 | 見出し・リスト・表(th scope)・ラベルを使用 |
| 読み上げ順・フォーカス順と意味の一致 | A | 対応 | DOM順と視覚順を一致 |
| 各種デバイスへの最適化 | A | 対応 | レスポンシブデザイン、viewport指定 |
| 画像化された文字ではなくテキスト | A | 対応 | ロゴ以外の本文はテキスト。ロゴ画像はaltを付与 |
| フレームを使わない | A | 対応 | frameset未使用。地図はiframeで、本文に同等情報と外部である旨を記載 |
第3 サイトデザイン(優先度A)
統一基準 第3 サイトデザイン
| 項目 | 優先度 | 状況 | 実装内容 |
| 繰り返すナビの順序を一貫 | A | 対応 | ヘッダー・フッターを全ページで同じ順に配置 |
| ヘッダー:TSFWロゴとセクションリンク | A | 対応 | 2025年版同様、ロゴ+NEWS/ABOUT/PROGRAM等の横並びナビ。サイトマップ・検索はフッターから |
| ヘッダー右:サイトマップまたは検索、都庁総合トップ | A | 対応 | フッターナビ・サイトマップページから提供(ヘッダーは2025年版のシンプル構成) |
| フッター:サイトポリシー、問合せ、著作権 | A | 対応 | 方針各ページへのリンク、問合せ(所在地含む)、Copyright と CC BY 4.0 |
| 複数の到達手段 | A | 対応 | グローバルナビ、パンくず、フッター、サイトマップ、検索 |
| フォーカスや選択だけでコンテキストを変えない | A | 対応 | フォーカスでページ遷移しない。検索は実行ボタンあり |
| 全ページから検索またはサイトマップ | A | 対応 | 全ページのヘッダー・フッターから両方にアクセス可能 |
| 問い合わせ先(組織名・所在地・電話・メール) | A | 対応 | フッターおよびお問い合わせページに掲載 |
| アクセシビリティ方針の公開 | A | 対応 | 対象範囲、期限、適合レベル、例外、追加基準を掲載。試験結果は実施後に追記 |
| 個人情報保護方針 | A | 対応 | 方針ページを公開。申込フォーム公開時にSSLを使用 |
| 著作権・リンク・CC | A | 対応 | 著作権ページおよびフッターにCC表示4.0を掲載 |
| 技術について | A | 対応 | 技術についてを公開 |
| 法的事項 | A | 対応 | 免責、禁止事項、準拠法・管轄裁判所を著作権ページに掲載 |
| 多言語対応方針 | A | 該当なし | 日本語のみ。機械翻訳未導入のため専用方針は設けない |
第4 コンテンツデザイン(優先度A)
統一基準 第4 コンテンツデザイン
| 項目 | 優先度 | 状況 | 実装内容 |
| 見出し・ラベル | A | 対応 | 各セクションに見出し。フォームは公開時にlabelを付与 |
| 文書構造(見出し・段落・リスト) | A | 対応 | h1〜h3、p、ul/ol、tableを使用 |
| キーボードフォーカス順 | A | 対応 | ソース順。スキップリンクあり |
| 同一機能の一貫した識別 | A | 対応 | ボタン・ナビの名称と見た目を統一 |
| 形・位置・音だけに依存しない説明 | A | 対応 | 色や位置だけでなくテキストで説明 |
| ページタイトル | A | 対応 | 全ページに内容が分かるtitle |
| ファイル名(半角英数・スペースなし) | A | 対応 | html/css/js は英小文字。スペースなし |
| 文字コード UTF-8、lang=ja | A | 対応 | charset=UTF-8、html lang="ja" |
| 主言語以外の言語指定 | A | 対応 | 英語ラベルは日本語を併記(例:About(概要)) |
| テキスト200%拡大 | A | 対応 | htmlのfont-sizeを固定せず、相対指定を基本 |
| 動き・点滅・自動再生の制御 | A | 該当なし | 自動再生する音声・動画、点滅コンテンツは未使用 |
| 単語内スペース・改行でレイアウトしない | A | 対応 | 未使用 |
| 機種依存文字を使わない | A | 対応 | 丸数字は使用せず、①等はプログラム見出しの範囲。必要に応じ見直し |
| コントラスト比 4.5:1(大きい文字は3:1) | A | 今後対応 | 配色は確保を意図。納品前に計測し不足があれば修正 |
| 色だけで情報を伝えない | A | 対応 | 番号・テキスト・バッジ名称を併用 |
| 非テキストの代替テキスト | A | 対応 | ロゴ・地図に代替。装飾は空alt。顔写真プレースホルダーはaria-label |
| 音声の自動再生をしない | A | 該当なし | 音声コンテンツなし |
| 閃光するコンテンツを使わない | A | 対応 | 未使用 |
| 表の適切なマークアップ | A | 対応 | th scope、caption または sr-only の表題 |
| 入力フォームの説明・エラー・確認 | A | 今後対応 | 参加登録フォーム公開時にラベル、エラー、送信前確認、SSLを実装 |
| リンクの目的が分かるテキスト | A | 対応 | 「こちら」のみのリンクを避け、目的をテキストで示す |
| スキップリンク | A | 対応 | 各ページ先頭にメインコンテンツへのスキップ |
| JavaScriptで提供する情報のテキスト代替 | A | 対応 | 本文情報はHTMLで提供。JSは操作補助 |
| キーボードですべての機能を利用 | A | 対応 | リンク・ボタン・検索はキーボード操作可。フォーカス表示あり |
| フォーカスの視覚的認識 | A | 対応 | :focus-visible でアウトラインを表示 |
| 入力の時間制限を設けない | A | 該当なし | 制限時間のある入力なし |
優先度B(協議のうえ対応)
統一基準 優先度Bのうち本サイトで対応したもの
| 項目 | 状況 | 実装内容 |
| CSSは別ファイル | 対応 | css/style.css |
| パンくずリスト | 対応 | 全ページに設置。「トップページ」の文言を使用 |
| 更新日の記載 | 対応 | 各ページに更新日 |
| メタデータ | 対応 | description を全ページに、keywords をトップに設定 |
| 外部リンクの注釈 | 対応 | class="external" により外部リンクアイコンを付与(リンク色に合わせて表示) |
| 外国語の初出解説 | 対応 | セクションラベルに日本語を併記 |
| 本文リンクは下線 | 対応 | 本文リンクは下線。ナビは識別のため例外 |
デザインガイドライン
期間限定の告知ページとして対象外とできる場合があります。本サイトでは、可能な範囲で次を反映しています。
- PC表示幅は約1,152px(1,000〜1,500pxの範囲)
- レスポンシブ対応
- フォントは Noto Sans JP
- PCではヘッダーをスクロール固定しない(スマートフォンでは操作性のため固定)
納品前に残る作業
- miChecker(または同等ツール)による全ページ検証と、人間による確認
- コントラスト比の実測と必要に応じた修正
- WAIC「試験実施ガイドライン」に基づく達成基準チェックリスト・試験結果の公開
- 参加登録フォーム公開時のラベル、エラー表示、確認、HTTPS
トップページへ戻る