株式会社GoFer
← GoFer Journalへ戻る
ホームページ制作2026-10-05

徳島の企業は問い合わせフォームをマウスで送れれば十分?キーボード確認と修正の判断基準

問い合わせフォームは、マウスで送信できても確認完了にせず、キーボードだけで入力・同意・訂正・送信まで試します。操作が止まる、現在位置が見えない問題は、告知を広げる前の修正対象です。徳島の企業・団体のWeb担当者向けに、判断基準と制作会社へ渡す記録を整理します。

徳島 ホームページ フォーム改善問い合わせフォーム キーボード確認Webアクセシビリティ 操作確認フォーム フォーカス表示
明るい事務所で担当者がノートPCにつないだ外付けキーボードを操作している。マウスは手元から離れ、机には青いフォルダーと白い用紙が置かれている

Article Decision

この記事で判断できること

徳島の企業・団体のWeb担当者が、問い合わせフォームのキーボード確認で見つけた問題を、公開・告知前の修正へ回すべきか判断できるようにする。

Key Points

  • 入力欄だけでなく、同意欄、確認画面、エラー訂正、送信完了まで一続きで試します。
  • 必要な操作ができない、現在位置が見えない、訂正箇所へ戻れない問題は、告知拡大前の修正候補にします。
  • URL・利用環境・押したキー・止まった場所を記録すると、制作会社が再現して修正範囲を判断しやすくなります。

Important

この確認は、キーボード操作の障壁を見つける一次確認です。通過してもアクセシビリティ全体やWCAGへの適合を示すものではありません。送信後のメール受信確認も別に必要です。

結論: マウスで送れた後に、キーボードでも完結できるか確かめます

入力から送信完了までの途中で操作できない箇所があれば、公開や告知を進める前に修正を依頼します。 マウスを使わずにWebを利用する人もいます。担当者が普段使う方法で成功したことと、別の操作方法でも問い合わせを完了できることは、分けて確認しましょう。

何を見る?入力欄に進めるだけでは確認が終わりません

例えば、名前を入力できても、同意欄を選べない、確認画面から訂正へ戻れない状態なら問い合わせは完了しません。これは特定の顧客事例ではなく、確認時に想定する場面です。『欄に入れる』『選べる』『戻れる』『送れる』を一つの作業として試すと、画面単位の確認で抜けた問題を探せます。

判断基準: 到達・操作・現在位置・訂正の4点で見ます

一つでも利用を阻む問題があれば、その場所と条件を記録して修正担当へ渡します。 ページ全体を作り直すかどうかは、原因と影響範囲を確認してから決めれば十分です。

  • 1到達できるか: メニューや問い合わせリンクから必要な欄へ進めない、途中から抜け出せない場合は、フォームまでの経路も含めて確認を依頼する。
  • 2操作できるか: 入力できても同意欄や選択項目を変更できない、確認・送信ボタンを実行できない場合は、操作不能として修正対象にする。
  • 3現在位置が分かるか: いま操作対象になっている欄やボタンを見分けられない場合は、フォーカス表示の確認を依頼する。フォーカスとは、キーボード操作を受け付ける現在位置のこと。
  • 4訂正して戻れるか: 入力エラーの場所を把握できず直せない、確認画面から戻ると作業が続けられない場合は、エラー時の導線も修正対象にする。

よくある失敗: 操作の途中でマウスを使って通過させる

確認者が助けて進めた箇所こそ、記録すべき問題です。 次の確認方法では、利用者が自力で完了できるかを判断しにくくなります。

  • 1同意ボタンだけクリックして先へ進み、キーボードで送信できたと記録する。
  • 2Tabキーで移動できることだけを見て、選択やボタン実行を試さない。
  • 3正しい入力だけで試し、必須項目の未入力や形式エラーからの訂正を確認しない。
  • 4担当者のPCで移動できない原因を調べず、すぐサイトの不具合と決め付ける。OSやブラウザのキーボード設定も確認する。

今日からできる手順: 一つの問い合わせ経路で試します

まずは利用頻度の高いフォームを一つ選びます。本番へテストを送る場合は、受付担当と日時・テスト用の名前・送信回数を先に合わせます。 顧客の実データは使わず、予約や決済を伴うものは検証環境で試してください。

  • 1対象URL、確認日、OS、ブラウザを記録する。リンクやボタンもキーボードで移動対象になる設定か確認し、フォームへの入口ページを開く。
  • 2マウスを使わず、Tabで次の操作対象、Shift+Tabで前の対象へ移動する。現在位置が見えるか、自然な順番で進めるかを確かめる。
  • 3一般的な操作として、リンクはEnter、ボタンはEnterまたはSpace、チェックボックスはSpace、選択項目は必要に応じて矢印キーで試す。部品や環境で操作が異なる場合は、その条件も記録する。
  • 4安全なテスト条件で必須項目を一つ空け、エラーの内容と直す場所が分かるか、キーボードで訂正して続けられるかを確かめる。
  • 5正しく入力して、同意・確認・訂正・送信完了まで進む。止まった場合は『直前の操作、期待した動き、実際の動き』を残し、無理に何度も送信しない。
  • 6修正後は止まった箇所だけでなく同じ経路を最初から再確認し、確認者と結果を残す。メールが受信担当へ届いたかは、別の項目として確かめる。

担当者が決めること: 修正中の受付方法と再確認日

新規公開前に完了できない問題が見つかったら、修正と再確認を公開条件に置きます。公開中なら、サイト責任者が影響を確認し、使える代替の連絡方法を明示するとともに、修正担当と期限を決めます。電話窓口を足すだけでフォームの問題が解消したとは扱わず、代替手段も利用者が使えるかを考えます。 費用や日程の見積もりには、URLと再現手順、画面の記録を添えましょう。

根拠メモ: 公開資料の考え方と、運用上の提案を分けています

W3Cの解説は、キーボードによる操作と、操作対象が見えることを説明しています。Easy Checksも簡易確認の範囲と限界を示しています。本記事の修正優先順、テストの段取り、受付担当との調整はGoFer編集部の提案です。問い合わせ数の増加や、特定サイトの適合性を保証するものではありません。

  • 1W3C WAI『Easy Checks – A First Review of Web Accessibility』: https://www.w3.org/WAI/test-evaluate/preliminary/ (2026年10月5日確認)
  • 2W3C『Understanding SC 2.1.1: Keyboard』: https://www.w3.org/WAI/WCAG22/Understanding/keyboard.html (2026年10月5日確認)
  • 3W3C『Understanding SC 2.4.7: Focus Visible』: https://www.w3.org/WAI/WCAG22/Understanding/focus-visible.html (2026年10月5日確認)

GoFerに相談すべき場面: 問題を見つけても修正依頼にまとめられないとき

フォームが途中で止まるが原因が分からない、制作会社へ何を伝えるか迷う、公開前の確認項目を担当者同士でそろえたい場合は、確認範囲の整理から相談できます。GoFerは徳島の企業・地域団体向けに、ホームページの問い合わせ導線と操作性の改善を支援します。対象のURLと、止まった操作のメモがあると相談を進めやすくなります。

フォームの検収で確認すること

✓

問い合わせページを開くところから、マウスなしで入力欄へ進める

✓

いま操作している欄やボタンを、枠線などで見分けられる

✓

同意、選択、確認、訂正、送信の各操作を実行できる

✓

問題の再現手順、修正担当、再確認の日程を残せる

FAQ

よくある質問

Tabキーで全部の入力欄へ進めれば合格ですか?

いいえ。欄への移動に加え、選択や同意、確認、エラーの訂正、送信まで実行できるかを確認します。いま操作している場所を見分けられることも必要です。

スマホでの確認も必要ですか?

必要です。PCのキーボード確認と、スマホの表示・タップ操作は確認範囲が異なります。スマホでは文字や項目の切れ、入力時の見え方、エラー後の戻り方も別に試します。

この確認で問題がなければ、アクセシビリティ対応済みと書けますか?

この確認だけでは、その判断はできません。対象は主にキーボード操作です。読み上げ、情報の構造、色の見分けやすさなども含めた評価が必要で、WCAGへの適合表明を行う場合は対象範囲と評価方法を別途整理します。

GoFerに相談したい方へ

GoFerには、問い合わせ導線の操作確認、修正箇所の整理、制作・保守担当へ渡す再現手順と検収項目の作成を相談できます。

フォームの操作確認を相談する