← WelcomeWCAG 2.2 Level ALevel A の代表的な達成基準に対応した状態

キーボード体験モード

カフェ・ホライズン

朝の光とともに、一杯の余白を。

渋谷の一角で、ゆったりとした時間をお過ごしください。

タップ領域: 約 22×96px

席の予約

解説パネル

項目を選ぶと左のデモサイトで該当箇所を強調します。達成済みの項目は、通常見えない修正内容を一時的にプレビュー表示します。

Level AAで解消される課題(5)

Level AAに進むと改善される主な点

テキストコントラスト 4.5:1 以上を確保
ターゲットサイズと間隔を 24×24 CSS px 相当以上に調整
明確な :focus-visible スタイル（3:1 の非テキストコントラスト）
SNS リンクのターゲットサイズ 24×24px 以上
scroll-padding / scroll-margin でフォーカスがヘッダーに隠れないよう調整