メインコンテンツへ移動
Boletolibre

イベントサイトの問い合わせページ用テンプレート

問い合わせページを開く人は、チケットの問題、会場へのアクセス、プログラム、主催者への連絡先を探しています。担当部署の名前を知らなくても適切な窓口が分かるページにします。このオリジナルHTMLは視覚的なひな形です。公開前にメール、リンク、受付時間、返信の約束を実際の内容へ置き換えてください。フォーム送信やサポート案件の作成は行いません。

Boletolibre編集部

公開日

チケット、アクセス、主催者への相談経路を分けたレスポンシブな問い合わせページ。
公開前にそれぞれの質問を実際の担当窓口につなげます。

テンプレートをダウンロードして編集

レスポンシブな問い合わせページをダウンロード(HTML)

質問別の経路、連絡方法、チケット相談に必要な情報、当日の緊急連絡先を示します。サンプル値には置換の印があります。HTMLを開いて確認し、公開前に実際のリンクと担当者を設定してください。

質問の近くに連絡経路を置く

内部の部署名ではなく利用者の用件で分けます。購入者は注文の相談、別の人は会場やアクセスの情報が必要です。公開SNSで注文情報全体を求めないでください。GOV.UKのデザイン指針は利用者の必要に応じたチャネル順と、分かっている受付時間・回答目安の表示を勧めています。[1]

イベント情報をBoletolibre.comに載せる場合は、主催者が選んだ問い合わせリンクを登録やチケット情報の近くに置き、正しい窓口へ進むか確認します。特定のプラットフォーム機能は前提にしません。

連絡先を実際に使えるものにする

各経路の用途、実在するアドレスやリンク、担当者、確認済みの回答目安を示します。イベントの日付、会場、タイムゾーンも載せます。開催中の緊急事項は遅い一般メールではなく承認済みの現地窓口へ案内します。

後でフォームを加えるなら、各項目に見えるラベルを付け、必須か任意かと送信後の流れを説明します。W3C WAIはラベルと入力説明の関連付けを勧めています。実際のフォームには受信先、検証、成功・失敗時の確認が必要です。このひな形には動かないフォームを置きません。[2][3]

参加者の視点で確認する

すべての仮値を置換し、リンクを開き、実際の窓口に安全なテスト問い合わせを送ります。担当、言語、回答目安を確認します。狭い画面とキーボードでも見ます。関係者以外にチケットとアクセスの問い合わせ先を探してもらい、チーム変更時には更新します。

出典と参考資料

  1. Contact a department or service teamGOV.UK Design System · 確認日
  2. Labeling ControlsW3C Web Accessibility Initiative · 確認日
  3. Form InstructionsW3C Web Accessibility Initiative · 確認日