MEDICALATTRACTCREATIVE QUEST / NAGOYACONTACT ↗
← NEWSROOM

TRANSMISSION RECEIVED

FILE / 2026102112

医療機関サイトの
アクセシビリティ。
文字・操作・
フォームを揃える
5つの確認

高コントラスト表示・キーボード操作・フォーム・スマホ・文書の確認経路を点検する角のないドット絵エイリアン

医療機関サイトでは、診療科や診療時間を読めても、文字を拡大すると横スクロールが発生する、キーボードだけではメニューを開けない、予約フォームのエラー箇所が分からない、重要な案内が画像やPDFの中にしかない、といった障壁が残ることがあります。ページが表示されることと、必要な情報へ到達して手続きを完了できることは同じではありません。

WCAG 2.2は、ウェブコンテンツを知覚可能、操作可能、理解可能、堅牢にするための検証可能な達成基準を示しています。日本では2026年10月21日時点でJIS X 8341-3:2016が現行で、WAICはISO/IEC 40500:2025がWCAG 2.2と同内容に改正されたことを受け、JIS改正を検討中と説明しています。改正予定の内容を確定事項のように扱わず、採用する規格、対象範囲、確認日を記録する必要があります。

また、2024年4月1日から事業者による合理的配慮の提供が義務化され、厚生労働省は医療関係事業者向けガイドラインを改正しています。ただし、特定のWCAG適合レベルを達成すれば個別場面の対応がすべて完了する、または全ての医療機関サイトに同じ対応が一律に法的義務となる、と単純化はできません。この記事では、個別の法律判断や医療判断ではなく、2026年10月21日時点の公表資料をもとに、サイト改善の実務を5つの確認へ整理します。

結論:診療案内から連絡完了までを、一つの利用経路として確認する

アクセシビリティは、ページ単位の自動採点だけで判断しません。トップ、診療科、診療時間、費用、アクセス、医師紹介、予約、問い合わせ、確認画面、完了画面など、利用者が目的を達成するまでの経路を一続きで確認します。PCとスマートフォン、キーボード、画面拡大、スクリーンリーダー等、想定する利用方法も台帳へ残します。

最初に優先するのは、見た目の微修正ではなく、受診前に必要な情報と連絡手段へ到達できない障壁です。緊急性のある医療相談をWebフォームだけで受けない案内、電話以外の連絡方法、予約システムが利用できない場合の代替手段も、実際の院内体制と一致させます。多言語Web案内と組み合わせる場合も、翻訳ページごとに同じ経路を確認します。

医療機関サイトで揃える5つの確認

1.対象範囲・目標・優先する利用経路を決める

「サイト全体をアクセシブルにする」という抽象的な目標だけでは、更新の順番と完了条件が決まりません。まず、対象ドメイン、サブドメイン、外部予約システム、埋め込み地図、PDF、動画、言語別ページを一覧にし、自院が修正できる範囲と外部サービス側へ確認する範囲を分けます。

次に、診療時間を確認する、アクセス方法を調べる、予約する、問い合わせる、費用や受診条件を確認するなど、重要な利用経路を選びます。ページURL、目的、想定する利用方法、担当部署、障壁、代替手段、修正期限、再確認日を改善台帳にまとめます。ツールの点数だけでなく、実際に操作を完了できるかを完了条件にします。

WCAG 2.2を参考にする場合は、対象範囲と目標レベル、評価方法を明記します。「JIS準拠」等の対応度表記を使う場合、WAICの対応度表記ガイドラインでは方針や試験結果の公開に要件があります。試験せずに準拠を名乗ったり、対象外ページを隠して全体が適合しているように見せたりしません。

2.文字・見出し・画像を、拡大しても理解できる形にする

文字は背景とのコントラストを確認し、色だけで必須、エラー、受付状況を区別しません。WCAG 2.2の適合レベルAAでは、通常の文字は原則4.5対1以上、大きな文字は3対1以上のコントラストが基準です。ロゴや付随的な文字等には例外があるため、数値だけを機械的に当てはめず、実際の表示状態を確認します。

200%まで拡大したときに本文やボタンが欠けず、テキストの行を読むために左右へ往復しなくてよいことを確認します。ページタイトル、H1、H2、H3を見た目の大きさだけでなくHTMLの見出し構造として設定し、リンクは「こちら」だけでなく移動先が分かる文言にします。診療科名、曜日、受付時間、休診等を色や配置だけに依存させず、テキストでも区別します。

診療設備や院内導線の写真には、そのページで必要な情報を伝える代替テキストを付けます。装飾画像は読み上げを増やさないように扱い、診療時間表や費用表を画像だけで掲載しません。画像内の文字が必要な場合も、同じ情報をHTMLテキストで提供し、更新時に画像と本文がずれないようにします。

3.キーボード・フォーカス・スマートフォン表示を通して操作する

マウスを使わずTab、Shift+Tab、Enter、Space、矢印キー等で、メニュー、モーダル、カレンダー、同意欄、送信ボタンまで移動し、操作して抜けられるか確認します。フォーカス位置を示す枠を消さず、固定ヘッダーやCookie通知でフォーカス中の項目が隠れないようにします。

WCAG 2.2では、キーボード操作、フォーカスが隠れないこと、ドラッグ以外の操作方法、ターゲットサイズ等が扱われています。予約枠をドラッグだけで選ばせず、クリックやキーボードで選べる代替を用意します。小さなアイコンだけのボタンは、押しやすい領域とプログラムから分かる名前を持たせます。

スマートフォンでは縦向き・横向き、画面拡大、文字サイズ変更を試し、ページ全体に横スクロールが出ないこと、電話番号や予約ボタンが他の要素と重ならないことを確認します。PC版を縮小しただけではなく、診療時間表、料金表、長い施設名、外部予約画面まで実機相当の幅で確認します。

4.予約・問い合わせフォームのラベル、エラー、時間制限を揃える

入力欄には、見た目の近くにある説明だけでなく、プログラム上も関連付けられたラベルを設定します。氏名、連絡先、希望日時等の入力目的を明確にし、必須項目は記号だけにせず「必須」とテキストで示します。プレースホルダーだけをラベルの代わりにすると、入力後に何を求められた欄か確認しにくくなります。

送信エラーは画面上部の一覧と各入力欄の近くで伝え、色だけでなく、どこをどう直すかを具体的に示します。入力内容を勝手に消さず、確認画面で修正へ戻れるようにします。時間制限がある場合は、事前に知らせ、延長や再開の方法を検討します。W3Cのフォームチュートリアルも、ラベル、説明、構造、フィードバックが多様な利用者の操作を助けると説明しています。

アクセシビリティ改善を理由に入力項目を増やす必要はありません。連絡目的に必要な項目へ絞り、診療内容や健康情報を一般的な問い合わせフォームで過剰に集めない設計は、医療サイトの問い合わせフォームも参考にしてください。外部予約システムに障壁が残る場合は、電話、メール、窓口等の実際に利用できる代替手段を案内し、対応時間と担当を揃えます。

5.PDF・動画・外部サービスを含め、方針と更新手順を公開する

重要な受診案内をPDFだけで提供しないようにします。WAICは、PDF自体をアクセシブルにできない場合、HTMLやテキスト等で代替コンテンツを作る必要があると案内しています。PDFを公開する場合は、文書タイトル、言語、見出し、読み上げ順、リンク、画像の代替テキスト、表、フォームのタブ順を確認します。公開PDFの版管理は公開PDFのLLMOもあわせてご覧ください。

動画は、音声情報に字幕、映像だけで伝える重要情報に代替説明を用意し、再生・停止・音量等をキーボードで操作できるか確認します。自動字幕は固有名詞、診療科名、日時、数値を人が見直します。動画公開の確認項目は企業動画のアクセシビリティで整理しています。

アクセシビリティ方針には、対象範囲、参照する規格・ガイドライン、目標、期限、現在把握している課題、問い合わせ先を記載します。試験結果を公開する場合は、対象ページの選び方、使用環境、達成基準、確認結果、未達項目を説明します。方針を公開すること自体をゴールにせず、CMS更新、サイト改修、外部サービス変更、PDF・動画追加のたびに再確認します。

改善台帳に残す項目

  • 対象URL、ページ種別、利用目的、担当部署、外部サービス名
  • 対象規格・版・目標レベル、確認日、確認環境、確認者
  • PC・スマホ、キーボード、拡大、スクリーンリーダー等の確認方法
  • 文字コントラスト、見出し、リンク、代替テキスト、表の結果
  • メニュー、モーダル、予約カレンダー、フォーム、完了画面の操作結果
  • PDF、動画、地図、外部予約、チャット等の障壁と代替手段
  • 修正内容、優先度、担当者、期限、再確認日、公開版
  • 利用者からの問い合わせ、対応内容、恒久対応へ反映した日
  • 方針・試験結果のURL、対象範囲、更新日、問い合わせ先

よくある質問

自動チェックで100点なら、アクセシビリティ対応は完了ですか?

完了とは言えません。自動検査で発見しやすい項目は一部です。キーボードで予約が完了するか、見出しやエラー説明が理解できるか、代替テキストが文脈に合うかなどは、人による確認と実際の利用経路のテストが必要です。

WCAG 2.2とJIS X 8341-3は、どちらを見ればよいですか?

2026年10月21日時点で、WCAG 2.2はW3C勧告です。日本のJIS X 8341-3は2016版が現行で、WAICはWCAG 2.2と同内容の国際規格を踏まえた改正を検討中と説明しています。自院が採用する規格、版、対象範囲を明記し、改正後は内容を確認して方針と試験を更新します。

PDFをすべて削除すればよいですか?

一律に削除するのではなく、情報の重要度、利用状況、更新頻度を確認します。まず重要情報をHTMLでも提供し、PDFが必要な場合は文書構造、読み上げ順、代替テキスト等を改善します。過去資料を対象外にする場合も、必要な人へ代替形式を提供できる問い合わせ先を示します。

アクセシビリティ方針を公開すれば、法的な対応は完了しますか?

完了しません。方針は対象と目標を共有する手段であり、個別場面の合理的配慮や、実際のページ・予約システムの利用可能性を代替しません。具体的な義務や対応は状況で異なるため、院内担当や適切な専門家、所管窓口へ確認します。

公開・改修前チェックリスト

  • 診療案内から予約・問い合わせ完了までの優先経路を決めた
  • 対象ドメイン、PDF、動画、外部予約等の範囲を一覧化した
  • 文字コントラスト、200%拡大、画像内文字、代替テキストを確認した
  • 見出し、リンク、表がHTMLの構造として理解できる
  • キーボードだけで移動、操作、修正、送信、退出ができる
  • フォーカスが見え、固定要素に隠れず、ドラッグ以外でも操作できる
  • スマホで横スクロール、重なり、切れ、極端に小さい操作対象がない
  • フォームのラベル、必須、エラー、確認、時間制限、代替連絡を確認した
  • PDF・動画・外部サービスの障壁と代替手段を案内した
  • 方針、対象、未解決課題、問い合わせ先、再確認日を更新した

まとめ:公開ページではなく、利用経路を継続して直す

医療機関サイトのアクセシビリティでは、文字と構造、キーボード操作、スマートフォン表示、予約・問い合わせフォーム、PDF・動画・外部サービスを一つの利用経路として確認します。自動検査だけに頼らず、規格の版と対象範囲を記録し、実際に情報取得と連絡を完了できるかを人が確かめます。

一度の改修で終わらせず、診療時間や予約方法の変更、CMS更新、外部サービス切替、PDF・動画追加のたびに改善台帳を更新します。利用者から困りごとが伝えられた場合は個別に対応するとともに、同じ障壁を減らす恒久対応へつなげます。

医療機関サイトの優先改修を整理したい方へ

株式会社メディカルアトラクトでは、医療機関サイトの診療案内、アクセス、予約、問い合わせ、PDF、動画、外部サービスを棚卸しし、重要な利用経路から改善順を整理します。お問い合わせページから、対象サイト、利用中の予約・問い合わせサービス、公開中のPDF・動画、把握している困りごと、改修予定をお聞かせください。初回の相談では、優先して確認するページ、院内で確定する情報、制作会社へ依頼する修正、外部サービスへ確認する事項、公開後の再確認手順を具体化できます。

Web制作・運用を含む支援範囲はサービスページ、制作・改善例は制作実績ページをご覧ください。

本記事は株式会社メディカルアトラクト編集部(医療マーケティング・Web運用担当)が、デジタル庁、W3C、WAIC、内閣府、厚生労働省の公表資料を2026年10月21日に確認して作成しました。

参考にした一次情報

本記事は2026年10月21日時点の公表資料に基づく一般的なWeb制作・運用上の整理であり、個別案件への法律上・医療上の助言ではありません。合理的配慮、環境整備、適用される規格、必要な対応は、運営主体、利用場面、要望、技術、費用、代替手段等により異なります。JIS、WCAG、関連ガイドラインは改正される場合があります。対応度や適合を表示する前に、対象範囲、試験方法、結果を最新の公式資料と照合してください。判断が難しい場合は、院内担当、所管窓口または適切な専門家へ確認してください。本記事はデジタル庁、W3C、WAIC、内閣府、厚生労働省等の提携・監修を受けたものではなく、アクセシビリティ適合、法令適合、予約・問い合わせ、検索順位、売上等を保証しません。