学校Webアクセシビリティチェック

学校Webサイトを、障害の有無にかかわらず利用しやすくするための確認資料です。学校においては、この内容を校内外の連絡、情報整理、会議準備などの共通業務の場面で活用し、児童生徒・保護者・教職員に必要な情報や判断材料を分かりやすく示します。教職員は、対象者、目的、実施時期、校内手続を確認し、事実と提案を区別して、学校の実態に合う内容へ整えます。

文字、配色、ページ構造、画像の説明などを点検する方法が分かります。

この文書の目的と使う場面#

このガイドは、学校Webサイトを、児童生徒、保護者、地域住民、教職員などが利用しやすい状態に近づけるために使います。校長またはWebサイトの管理責任者は、年度当初、担当者の交代時、サイトの大幅な更新前後、入学・入試・災害など重要情報の掲載前に、点検の実施日と担当者を決めます。

実務担当者は、学校紹介、行事案内、保護者向け通知、お知らせ、募集案内、災害時の情報など、利用者が頻繁に見るページを選びます。広報担当だけで判断せず、校務分掌の担当者、情報機器に詳しい教職員、必要に応じて管理職や設置者のWeb担当部署と確認します。

点検では、文字の読みやすさ、配色、見出しやリンクの構造、画像・動画・PDFの代替手段、キーボード操作、読み上げ時の順序を確認します。確認結果は「確認できた事実」「改善を提案する事項」「原資料や実機での確認が必要な事項」に分けます。児童生徒や保護者の障害の有無を推測したり、個人を評価したりせず、公開情報の分かりやすさと操作性を点検します。

関連語：アクセシビリティ、個人情報、著作権、ファクトチェック

作るときのポイント#

1. 文字とWebフォントを確認します。
   本文が小さすぎないか、文字間隔や行間が詰まりすぎていないか、拡大しても内容が欠けないかを確認します。Webフォントを使う場合は、読み込みに失敗したときの代替フォント、文字化け、装飾的な書体による読みにくさを確認します。書体名だけで可否を決めず、実際の表示を確認します。

1. 配色と色だけに頼らない情報提示を確認します。
   背景と本文、リンク、警告などの組合せが読み分けやすいかを確認します。赤字だけで注意を示す、色の違いだけで入力必須欄を示すといった表現は避け、見出し、記号、説明文、枠線などを併用します。色覚の違いがある場合にも情報を区別できるか、白黒表示や画面拡大でも確認します。

1. 見出し、リンク、表の構造を確認します。
   見出しを見たときにページの内容と順序が分かるか、リンクの文言だけで移動先が分かるかを確認します。「こちら」だけのリンクは、必要に応じて「年間行事予定を開く」のように改めます。表は見出しと内容の対応が分かり、スマートフォンでも読みにくくならないかを確認します。

1. 画像、動画、PDFの代替手段を確認します。
   画像には、内容と目的に合う代替テキストを付けます。装飾だけの画像に不要な説明を重ねない一方、画像に含まれる重要な日時、場所、申込方法などは本文にも示します。動画には字幕や要約を用意し、PDFだけを掲載する場合は、同じ要点をHTML本文や別の読みやすい形式でも示せるか確認します。

1. キーボード操作、読み上げ、人による最終確認を行います。
   マウスを使わずにリンクや入力欄へ移動できるか、現在位置が見えるか、読み上げ順が本文の順序と一致するかを確認します。自動チェックツールの結果だけで公開可否を決めず、実機、複数の画面幅、可能な範囲の読み上げ環境で確認します。個人情報、著作権、校内規程、公開時期も担当者と管理職が原資料に照らして確認します。

関連語：アクセシビリティ、個人情報、著作権、ファクトチェック

例文（対象校種に合う架空校の場合）#

学校Webアクセシビリティチェック（確認記録）

学校名：架空県立みどり高等学校
対象ページ：学校紹介、入学者向け案内、行事予定、お知らせ
主な読み手：生徒、保護者、入学を検討する方、地域住民
実施日：【実施日】
確認者：【担当者名・校務分掌】
確認先：【管理職、Webサイト管理担当、設置者の担当部署など】

1　確認した事実
・本文は標準的なゴシック系の書体で表示されます。Webフォントの読み込み失敗時に使われる代替フォントは【要確認】です。
・背景色と本文色は区別できます。リンク色、警告表示、訪問済みリンクの表示が、色以外の方法でも区別できるかは【要確認】です。
・学校紹介ページには「学校概要」「教育活動」「年間行事」の見出しがあります。見出しの階層が適切かは、ページの構造と読み上げ環境で【要確認】です。
・行事予定には表を使用しています。各行と列の見出しが読み上げで対応するか、スマートフォンで横方向の確認が必要かは【要確認】です。
・校舎写真と部活動の写真を掲載しています。写真の代替テキストの有無と内容は、画像ごとに【確認】します。
・行事紹介動画を掲載しています。字幕、音声で伝える情報の文字による説明、動画を見られない場合の要約は【要確認】です。
・入学者向け案内はPDFでも掲載しています。PDFを利用できない場合に備え、募集期間、手続、問い合わせ方法を本文でも示しているか【確認】します。
・キーボードだけでリンク、メニュー、入力欄を順に操作できるか、現在位置が見えるか、読み上げ順が自然かは【実施日】に確認します。

2　改善案
・リンク名を「こちら」から、移動先が分かる「年間行事予定を確認する」などの表現に改めます。
・重要な日時、会場、持ち物、申込方法は、画像やPDFだけに置かず、ページ本文にも掲載します。
・色だけで「変更」「重要」「入力必須」を示さず、文字、記号、説明文を併用します。
・写真の代替テキストは、写真の見た目だけでなく、学校情報として必要な内容を簡潔に示します。
・動画とPDFについては、代替手段の掲載場所をページ上部に明記します。

3　未確認事項と校内確認
次の事項は、原資料、実際の表示、校内の公開手順と照合してから記録を確定します。
・使用する書体、代替フォント、配色の設定
・画像ごとの代替テキスト
・動画の字幕と要約
・PDFの内容、著作権、掲載許可
・児童生徒や保護者の個人情報が写り込んでいないか
・キーボード操作と読み上げの結果
・修正担当者、修正期限、再確認日：【担当者】【期限】【再確認日】

この記録は改善のための確認資料であり、特定の人の障害の有無、利用能力、支援の要否、公開の可否をAIや担当者だけで決めるものではありません。最終的な掲載内容と校内手続は、学校の責任者が関係資料と校内規程を確認して決定します。

関連語：アクセシビリティ、個人情報、著作権、ファクトチェック

良い文章の条件#

• 読み手を「生徒」「保護者」「地域住民」など具体的に示し、対象ページごとに、どの情報を探す人が読む文書か分かるようにします。
• 「確認した事実」「改善案」「要確認」を見出しや表現で分け、Webサイトを実際に見ていない事項や、自動点検だけでは分からない事項を断定しません。
• 文字、配色、見出し、リンク、表、画像、動画、PDF、キーボード操作、読み上げを確認する順序が分かり、担当者・実施日・再確認日を記録できるようにします。
• 代替テキスト、字幕、PDF本文など、同じ情報へ到達する別の手段を具体的に示し、「画像を載せれば十分」「色が違えば十分」と誤解させない内容にします。
• 赤字だけの警告、色だけの区別、リンク名の「こちら」、見出しに見える装飾文字、画像内にしかない重要情報など、このサイトで起こりやすい誤りを明記します。
• 写真の掲載許可、著作権、個人情報、校内規程、設置者の公開手順を原資料と照合し、AIの出力をそのまま採用せず、教職員と管理職が最終確認できるようにします。

関連語：アクセシビリティ、個人情報、著作権、ファクトチェック

AIに渡す情報（入力項目のチェックリスト）#

AIには、次の情報を項目ごとに整理して渡します。

• 対象ページの種類：学校紹介、行事案内、災害情報など
• 閲覧する人：児童生徒、保護者、地域住民、学校関係者など
• 掲載する内容：本文、表、画像、動画、申請案内など
• 使用中の書体：標準フォント、Webフォント、代替フォント
• 配色：背景色、本文色、リンク色、警告色
• ページの構造：見出し、箇条書き、表、リンク、入力欄
• 想定する閲覧環境：スマートフォン、パソコン、拡大表示など
• 実施した確認：自動検査、キーボード操作、読み上げ確認など

URL、画面の画像、HTMLを渡す場合は、公開してよい情報だけを使います。非公開ページの認証情報は入力しません。アクセス解析の情報や問い合わせ内容に、個人を特定できる記述があれば削除します。

児童生徒、保護者、教職員の実名、顔写真、住所、連絡先、個別の障害や健康に関する情報は入力しません。「児童A」「保護者B」のように置き換えます。AIの出力は、Web担当者と管理職などが確認し、公開の可否を判断します。

関連語：匿名化、アクセシビリティ、著作権、個人情報

コピーして使えるプロンプト#

あなたは学校Webサイトのアクセシビリティ点検を支援する編集者です。
次の情報を基に、学校Webサイトの確認表を作成してください。

【対象校種】小学校・中学校・高等学校・大学・特別支援学校から選択
【対象ページ】［学校紹介・行事案内・お知らせなど］
【主な読み手】［児童生徒・保護者・地域住民など］
【本文の概要】［掲載内容］
【使用する書体】［標準フォント・Webフォントなど］
【代替フォント】［設定内容］
【配色】背景［　］、本文［　］、リンク［　］、警告［　］
【ページ構造】［見出し・表・画像・動画・入力欄など］
【画像の説明】［代替テキストの有無と内容］
【確認した操作】［拡大・キーボード・読み上げなど］
【改善したい点】［課題］

次の観点で整理してください。
1. 文字とWebフォント
2. 配色と色だけに頼らない情報提示
3. 見出し、リンク、表の構造
4. 画像、動画、PDFの代替手段
5. キーボード操作と読み上げ
6. 改善案と人が確認すべき事項

不足する情報は推測せず、「要確認」と書いてください。
特定の人の評価、障害の有無、公開の可否を決めないでください。


【この文書に必要な良い文章の条件】
- 読み手を「生徒」「保護者」「地域住民」など具体的に示し、対象ページごとに、どの情報を探す人が読む文書か分かるようにします。
- 「確認した事実」「改善案」「要確認」を見出しや表現で分け、Webサイトを実際に見ていない事項や、自動点検だけでは分からない事項を断定しません。
- 文字、配色、見出し、リンク、表、画像、動画、PDF、キーボード操作、読み上げを確認する順序が分かり、担当者・実施日・再確認日を記録できるようにします。
- 代替テキスト、字幕、PDF本文など、同じ情報へ到達する別の手段を具体的に示し、「画像を載せれば十分」「色が違えば十分」と誤解させない内容にします。
- 赤字だけの警告、色だけの区別、リンク名の「こちら」、見出しに見える装飾文字、画像内にしかない重要情報など、このサイトで起こりやすい誤りを明記します。
- 写真の掲載許可、著作権、個人情報、校内規程、設置者の公開手順を原資料と照合し、AIの出力をそのまま採用せず、教職員と管理職が最終確認できるようにします。

関連語：プロンプト、アクセシビリティ、著作権、個人情報

出力フォーマット#

注意点（個人情報・著作権・確認）#

個人情報を含む画面をAIに入力してはいけません。児童生徒の名前、顔写真、作品、障害や健康に関する情報は、必要性と公開範囲を確認します。画面のスクリーンショットを使う場合も、個人情報を隠してから扱います。

画像、アイコン、フォント、動画には、著作権や利用条件があります。学校が契約していないWebフォントや画像を、AIの提案だけで使ってはいけません。ライセンス、加工の可否、公開範囲を確認します。

色覚の多様性への配慮では、色の組合せだけでなく、文字、形、線種を組み合わせます。実際の見え方には個人差があるため、特定の色覚特性をAIに推定させません。

AIが示す「問題なし」という結果を、そのまま採用してはいけません。公開前に、担当者が実機、拡大表示、キーボード操作、スクリーンリーダーなどで確認します。所属する自治体・学校の規程や公開基準も確認します。

関連語：個人情報、著作権、アクセシビリティ、ファクトチェック

関連する文書#

• 0080 音声読み上げ・スクリーンリーダー向け文書整形：読み上げやすい見出し、箇条書き、表の整え方を確認できます。
• 0081 文書の読みやすさ診断（一文の長さ・専門用語）：Webページ本文の表現を読みやすく見直せます。
• 0019 著作権クリアランス確認ガイド：画像、フォント、動画などの利用条件を確認できます。
• 0062 生成AI出力のファクトチェック・出典確認シート：AIが示した基準や改善案を確認できます。

関連語：著作権、ファクトチェック、アクセシビリティ、個人情報

参考資料#

• 日本産業規格 JIS X 8341-3:2016「高齢者・障害者等配慮設計指針―情報通信における機器、ソフトウェア及びサービス―第3部：ウェブコンテンツ」↗
• Web Content Accessibility Guidelines（WCAG）2.2↗
• みんなの公共サイト運用ガイドライン↗
• ウェブアクセシビリティ導入ガイドブック↗
• 所属する自治体・学校のWebサイト運用規程・公開基準