アクセシビリティ方針

Appt247 は WCAG 2.1 レベル AA に沿って、HTML そのものを作り込んでいます。アクセシビリティのオーバーレイ製品は使いません。

目標

このサイトは WCAG 2.1 レベル AA を目標にしています。これは、米国 ADA(障害を持つアメリカ人法)に基づく和解合意で一般に採用されている技術基準です。accessiBe、UserWay、AudioEye などのオーバーレイ製品は使いません。オーバーレイでサイトが適合するわけではありませんし、その手間はページそのものに使いたいからです。

実施していること

  • どのページでも、最初にフォーカスが当たるのは「本文へスキップ」のリンクです。キーボード操作の方がナビゲーション全体を通り抜けずに済みます。
  • 操作要素はすべて Tab で到達でき、Enter または Space で実行できます。フォーカス表示は紺と琥珀の二重リングで、明るいカード上でも暗いヘッダー上でもはっきり見えます。
  • モバイルメニューを開くとフォーカスが中に移り、Tab はその中を巡回します。見えない場所へ抜け出しません。Esc で閉じ、フォーカスはメニューボタンに戻ります。
  • ページは header / nav / main / footer を使い、h1 はちょうど1つ、見出しレベルを飛ばすことはありません。
  • 本文のコントラスト比は 4.5:1 以上、フォームの枠線・アイコンなどの操作部品は 3:1 以上を満たします。
  • フォームの各項目には本物のラベルがあり、必須か任意かは言葉で書いています。色や記号だけに頼りません。入力に問題があるときは、その項目の横に平易な言葉で説明が出ます。警告記号も添えるので、メッセージが色だけに依存することはありません。
  • お問い合わせフォームに画像 CAPTCHA はありません。迷惑送信は、罠となる隠し項目、送信タイミングの判定、頻度制限で防いでいます。追加の確認が出るのは疑わしい送信だけで、その確認はスクリーンリーダーが読める文字で書かれています。
  • トップページの背景動画は無音で、隅にキーボードでも押せる一時停止ボタンがあります。OS の設定で動きの抑制が指定されている場合は、要素を動かす登場アニメーションと繰り返し動作を止めます。ただし動画と通常のホバー効果は動いたままです。すべてのアニメーションを止めるとページはかえって使いにくくなり、それは私たちの考えるアクセシビリティではありません。
  • 200% に拡大しても、横スクロールや要素の重なりは起きません。
  • 各ページは HTML で自身の言語を宣言しています(lang="en"lang="ja"lang="zh-Hans" など)。アラビア語のページは dir="rtl" も指定しているため、スクリーンリーダーが正しい音声と読み方向で読み上げます。

完璧でないことは分かっています

アクセシビリティは一度きりの合格判定ではなく、続けていく作業です。自動チェックツールが見つけられるのは実際の問題のおよそ3分の1で、残りは実際にぶつかった方から教えていただくしかありません。読み上げられない、キーボードから抜け出せない、コントラストが見えない、拡大すると崩れる。このサイトで何かお困りのことがあれば、ぜひお知らせください。本物の不具合として扱います。

支障の報告方法

ページのアドレス、お使いの機器と支援技術(例:iPhone と VoiceOver、Windows と NVDA)、そして何が起きたかをお書き添えください。

返信のお約束アクセシビリティに関するご報告には 5営業日以内 に返信し、何をいつごろ直すつもりかをお伝えすることを目標にしています。

この方針の範囲

この方針は、私たちが公開しているすべての言語の appt247.com の全ページを対象とします。店舗サイト上でお客様が目にする予約ウィジェットは予約システム側から配信されており、そちらも改善を進めています。店舗の予約ページで問題に遭われた場合も、同じ方法でご報告ください。

最終更新:2026年8月11日