ホームページの文字を大きくしても、目的のページが見つからない、電話ボタンを押し間違える、フォームのエラーから戻れない、地図を見ても入口が分からない状態では、利用者は用件を完了できません。
高齢者を「スマートフォンが苦手な人」と一括りにすることも適切ではありません。見え方、手の動かしやすさ、記憶、利用端末、通信環境、支援の有無は人によって異なります。改善の目標は年齢を推測することではなく、誰でも必要な情報を探し、読み、操作し、困ったときに別の方法を選べる状態にすることです。
この記事では、太子町の店舗、医療・介護、士業、修理、訪問サービス、観光等の事業者が、スマートフォンの文字、色、ボタン、フォーム、地図、電話案内を優先順位を付けて改善する方法を解説します。
太子町では生活サービスと来訪情報の両方を考える
第6次太子町総合計画は2026年度を初年度として策定され、少子高齢化や人口減少等を地域課題に挙げています。第4期太子町地域福祉計画では、住民基本台帳を基に2025年の高齢化率を31.3％としています。
この数値は、個別事業者の顧客構成やスマートフォン操作能力を示すものではありません。ただ、医療・介護、買い物、修理、相談等の生活サービスを、高齢者を含む幅広い住民が利用できるよう点検する地域背景にはなります。
一方、太子町は町内外の人に散策情報も発信しています。ブラたいし シーズン2のコースマップでは、散策ルートや観光マップがPDF等で案内されています。民間事業者は掲載や提携を仮定せず、初めて来る人が住所、交通、入口、営業状態をスマートフォンで確認できるかを見直します。
先に「完了できないと困る用件」を三つ選ぶ
全ページを同時に直すと、重要な障壁が埋もれます。まずアクセス解析、電話で多い質問、窓口での聞き取り、フォームの失敗状況から、利用できないと困る用件を三つまで選びます。
| 事業の例 | 優先して確認する用件 | 完了点 |
|---|---|---|
| 医療・介護 | 受付時間、対象、場所、連絡 | 電話または適切な相談先を選べる |
| 店舗・飲食 | 営業日、取扱、入口、予約 | 来店前の判断と予約ができる |
| 修理・訪問サービス | 対応範囲、緊急性、費用の考え方 | 依頼方法と次の連絡を理解できる |
| 観光・体験 | 開催、交通、持ち物、変更 | 出発前の確認と問い合わせができる |
売上が大きいページだけでなく、健康、安全、期限、移動に関わる用件を優先します。利用者が検索結果やメニューから入り、最後の行動まで進めるかを一続きで確認します。
同じ用件でも、営業時間を見る人、家族の代わりに場所を調べる人、音声読み上げを使う人では経路が異なるため、入口を一つに固定しません。
文字は大きさだけでなく拡大後の崩れを確かめる
本文の初期文字を読みやすくすることは大切ですが、一律の文字サイズだけで合否は決まりません。スマートフォンの文字拡大やブラウザのズームを使ったときに、文章、ボタン、フォームが画面外へ隠れないかを確認します。
WCAG 2.2では、文字を200％まで拡大しても内容や機能を失わないこと、通常の文字は背景とのコントラスト比4.5対1以上、大きな文字は3対1以上を求めています。ロゴや例外もあるため、数値だけをコピーせず対象を確認します。
実務では、次を一緒に見ます。
- 行間が詰まりすぎず、一行が長すぎない
- 薄い灰色の小さな文字を重要情報に使わない
- 赤と緑等、色だけで営業・休業や必須・任意を分けない
- 画像内の文字だけで料金、日時、条件を伝えない
- 見出しを見た目だけでなくHTMLの見出しとして順序付ける
- 文字拡大後もメニュー、閉じるボタン、送信ボタンが使える
文字サイズ変更ボタンを追加する前に、端末やブラウザの標準拡大を妨げていないかを確認します。独自ボタンを付けても、本文だけ拡大してナビゲーションやフォームが残れば改善になりません。
主要ボタンは押せる大きさと間隔を実機で見る
電話、予約、経路、次へ、戻る等の主要ボタンは、ラベル、押せる範囲、隣との間隔を確認します。アイコンだけのボタンには機能が分かる名前を付け、「こちら」ではなく「電話で相談する」「予約内容を確認する」のように行動を示します。
WCAG 2.2のAAでは、ポインタ操作の対象は原則24×24 CSSピクセル以上とされ、間隔や文章中のリンク等に例外があります。44×44 CSSピクセルはより高い強化基準です。すべてを機械的に44ピクセルへするのではなく、重要ボタンは余白を含めて押しやすくし、390px前後の画面で隣の操作を誤って押さないか試します。
画面下に電話ボタンを固定する場合は、本文や同意ボタンを隠さないようにします。拡大後、横向き、キーボード表示中も確認します。スワイプやドラッグだけで選ぶ機能には、タップで選べる代替を用意します。
フォームは入力前・エラー時・送信後を分けて案内する
フォームの負担は項目数だけではありません。入力前に必要事項が分からない、エラーの場所が見つからない、送信できたか判断できないことが離脱につながります。
- 項目名を入力欄の中だけに置かず、常に見えるラベルにする
- 必須・任意と入力例を入力前に示す
- 電話番号、日付、文字数等の形式を先に伝える
- 氏名、住所、電話等は適切な自動入力を利用できるようにする
- エラーは色だけでなく、項目名、理由、直し方を文章で示す
- エラー後も入力済みの内容を必要以上に消さない
- 送信ボタンの連打を防ぎ、処理中と完了を伝える
- 受付番号、返信方法、返信時期の目安を完了画面に示す
予約や問い合わせに外部サービスを使う場合も、自社ページから完了まで実機で試します。認証やCAPTCHAが必要なら、視覚的な問題だけに依存せず、別の方法を選べるか確認します。代理入力を受け付ける場合は、本人の同意、確認方法、代理人へ開示できる情報を決め、個人情報を無条件に渡しません。
地図は住所・交通・入口の文章をセットにする
埋め込み地図は便利ですが、地図だけでは目的地の名前、入口、最寄り停留所、徒歩区間、駐車・乗降、階段や段差、連絡先を読み取れないことがあります。地図サービスが読み込めない場合もあります。
アクセスページには、事業者が確認できる範囲で次をHTMLの文章として示します。
- 正式な施設名と住所
- 最寄り駅・停留所と、そこから入口までの大まかな順路
- 車、駐車、送迎、乗降場所の利用条件
- 建物内の階、受付、複数入口がある場合の選び方
- 道に迷った場合の連絡先と受付時間
- 工事、休業、交通変更等の更新日と公式情報へのリンク
徒歩時間や段差の有無は、経路や個人差で変わります。「誰でも徒歩5分」「完全バリアフリー」と確認なく断定せず、測った経路、入口、設備を具体的に示します。PDFの地図を掲載する場合も、住所と主要な案内はHTMLへ残し、PDFだけを唯一の情報源にしません。
電話と人的支援は利用条件までそろえる
フォームが使いにくい人に「電話してください」と書くだけでは、受付時間、通話料、担当、伝える内容が分かりません。電話番号はタップできるリンクにし、受付曜日・時間、休業日、混雑時の扱い、折り返し、緊急連絡に使えるかを示します。
電話が難しい人もいるため、メール、フォーム、FAX、対面等、事業に合う代替を検討します。すべてを常時対応にする必要はありません。各手段で受け付ける用件、回答時期、本人確認、個人情報の扱いをそろえます。
一つの用件を五場面で最後まで試す
改善後は「探す→読む→押す→入力→移動・相談」の五場面で試します。トップページだけでなく、検索結果、メニュー、外部予約、完了画面、地図、電話まで対象にします。
点検記録には、用件、端末、画面幅、文字拡大、操作方法、止まった場所、再現手順、影響、担当、修正予定、再確認日を残します。自動検査はHTMLやコントラストの問題を見つける助けになりますが、人が意味を理解し、実際に完了できるかまでは保証しません。
複数世代の実機確認は観察と同意を大切にする
担当者だけで問題が見つからない場合は、年齢や端末の異なる協力者に、普段の方法で用件を進めてもらいます。「高齢者向け画面を評価してください」と誘導せず、「営業時間を確認してください」「予約方法を選んでください」のように目的を伝えます。
操作速度だけで評価せず、迷った言葉、見落とした情報、誤って押した場所、支援を求めた時点を記録します。録画、入力内容、健康や障害に関する情報を扱う場合は、目的、同意、閲覧者、保管期間、削除を決めます。協力者一人の結果を全利用者へ一般化せず、異なる操作方法でも再確認します。
合理的配慮とWebの技術改善を混同しない
政府広報オンラインでは、改正障害者差別解消法が2024年4月1日に施行され、事業者による障害のある人への合理的配慮の提供が義務化されたと案内しています。
Webアクセシビリティを高めることは、多くの人が自力で情報やサービスを利用しやすくする基盤です。ただし、基準に沿ったサイトを作るだけで、個別の申出への対話と対応が不要になるわけではありません。反対に、電話で個別対応していることを理由に、Web上の明らかな障壁を放置することも適切ではありません。
個別の対応、過重な負担、本人確認、医療・介護情報、契約等の判断は、事業内容と状況に応じて行政窓口や専門家へ確認します。JISやWCAGへの準拠を表示する場合は、対象範囲、試験方法、結果、表明方法を確認し、自己判断で認証のように見せません。
毎月一つの重要ページを更新点検する
アクセシビリティは改修時だけの作業ではありません。営業時間、料金、担当者、フォーム、地図、外部予約、プラグインの変更で再び使いにくくなります。
最初の30日では、重要用件を三つ選び、文字拡大、コントラスト、主要ボタン、フォーム、地図、電話を実機確認します。直せない項目は代替手段と修正予定を示します。その後は月に一ページを選び、公開前チェックへ次を加えます。
- 見出しとリンク文だけでも内容が分かる
- 画像へ必要な代替テキストがある
- キーボードでも順序どおり操作できる
- 文字拡大後も内容と機能が失われない
- エラー、処理中、完了が色以外でも伝わる
- 地図、PDF、動画にHTMLや文章の代替がある
- 電話・代替連絡の受付条件が現状と合う
修正した日、確認した端末、残る課題、次回確認日を台帳へ記録し、退職者や委託先だけに判断と権限を集中させません。
まとめ｜見た目ではなく用件を完了できるかで改善する
太子町の事業者サイトでは、高齢者向けに文字を大きくするだけでなく、目的ページを探す、条件を読む、ボタンを押す、フォームへ入力する、場所を確認する、困ったときに相談するまでを一続きで確認します。地図やPDFだけに頼らず、住所、交通、入口、連絡方法をHTMLでも示し、技術改善と個別の合理的配慮を両方進めます。
太子町で店舗、医療・介護、地域サービス等の重要ページを実機で確認したい場合は、太子町の使いやすいホームページ改善を相談するから、対象ページ、利用者が行う用件、現在のフォーム・地図・電話案内、更新担当をお知らせください。優先する三つの用件を決め、スマートフォンで完了できる改善順へ整理します。
