【EU法対応】契約取り消しボタンが正しく表示されているか確認する

概要

「契約取り消し」機能を有効にすると、Jimdoクリエイターサイトのすべてのページのフッターに「契約取り消し」ボタンが追加されます。

Jimdoでは標準レイアウト向けにボタンのデザインを提供しているため、通常は問題なく表示されます。ただし、カスタムCSSを利用している場合やレイアウトを独自に変更している場合は、お客様ご自身でボタンが正しく表示・動作することをご確認いただく必要があります。

この記事では、ボタンの確認方法と、よくある表示トラブルの解決方法をご案内します。

ボタンについて

「契約取り消し」機能を有効にすると、ホームページのすべてのページのフッターにボタンが表示されます。

• EU向けサイトでは自動的に有効になります。
• その他のサイトでは、2026年6月8日以降、管理画面から手動で有効化できます。

サイトの言語に応じて、ボタンの表示名は自動的に切り替わります。

• Withdraw contract (EN)
• Vertrag widerrufen (DE)
• Résilier le contrat (FR)
• Rescindir contrato (ES)
• Rescindere il contratto (IT)
• Contract opzeggen (NL)
• 契約取り消し(JA)

どのページのボタンからアクセスしても、同じ契約取り消しフォーム /j/withdrawal が表示されます。

サイト利用者がフォームを利用する際にログインは必要ありません。

ボタンのデザインは、サイトのフッターで使用されている文字色やボタンカラーに合わせて自動調整されます。そのため多くの場合はサイトのデザインに自然になじみますが、レイアウトやカスタマイズ内容によっては表示が崩れる場合があります。

公開中のサイトでボタンを確認する方法

• シークレットウィンドウ（プライベートブラウズ）でサイトを開きます。
  ブラウザのキャッシュの影響を避けるためです。
• ページ下部のフッターまでスクロールします。
• 「契約取り消し」ボタン（またはサイト言語に応じた表示名）を探します。
• 以下の点を確認してください。
  • ボタンが表示されている
  • 文字が読みやすい
  • クリックできる
• ボタンをクリックし、契約取り消しフォームが開くことを確認します。

ボタンが表示されない場合や、文字が見えにくい場合、位置が崩れている場合、他の要素に隠れている場合は、カスタムCSSによる影響が考えられます。

よくあるCSSの問題と対処方法

フッターにカスタムCSSを適用している場合は、以下の設定をご確認ください。

ボタンが表示されない・見えない

• display: none または visibility: hidden
  フッターやフッター内のボタンに適用されている場合、契約取り消しボタンも非表示になります。
• opacity: 0
  ボタン自体は存在していますが、透明になって見えなくなります。
• color 文字色と背景色が同じ
  ボタンは表示されていても、文字が背景と同化して読めなくなります。

レイアウトによってボタンが隠れる

• position: absolute や z-index の設定
  他の要素がボタンの上に重なり、クリックできなくなる場合があります。
• overflow: hidden
  フッター内でボタンの一部または全体が切り取られる場合があります。
• 親要素の幅が不足している
  ボタンが途中で切れたり、不自然に改行されたりする場合があります。

フッターを大幅にカスタマイズしている場合

標準のフッター構造を独自のレイアウトで置き換えている場合、契約取り消しボタンが自動的に追加されないことがあります。

その場合は、カスタムフッター内に手動でボタンを設置してください。

• リンク先：/j/withdrawal
• ボタン名：サイトの言語に応じた表示名を使用してください（上記一覧をご参照ください）
• デザイン：背景との十分なコントラストを確保してください（WCAG AA基準：4.5:1以上推奨）

責任範囲について

Jimdoはプラットフォーム機能の一部として契約取り消しボタンを提供しています。ただし、以下の場合は、お客様ご自身の責任でボタンの表示および動作を確認してください。

• カスタムCSSを使用している
• レイアウトを変更している

また、契約取り消し申請を受け取った後の対応や処理については、お客様ご自身の責任となります。