統一基準チェックリスト

更新日:

本ページは、「東京都公式ホームページ作成に関する統一基準」(令和5年4月改訂)および関連する特記仕様書・デザインガイドラインに対する、本サイトの実装状況です。JIS X 8341-3:2016 適合レベルAA準拠を目標とします。

凡例:対応/今後対応/対象外・該当なし

対象と試験範囲

第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を使用
著作権・リンク・CCA対応著作権ページおよびフッターに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=jaA対応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" により外部リンクアイコンを付与(リンク色に合わせて表示)
外国語の初出解説対応セクションラベルに日本語を併記
本文リンクは下線対応本文リンクは下線。ナビは識別のため例外

デザインガイドライン

期間限定の告知ページとして対象外とできる場合があります。本サイトでは、可能な範囲で次を反映しています。

納品前に残る作業

トップページへ戻る