Fintech SaaS

Designing for Accessibility

アクセシブルな決済体験を作るための実践メモです。

01 フォームのラベルを明確にする

このページはテンプレートの下層導線として使えるよう、余白・階層・CTAを整えたデモページです。

02 色だけに依存しない状態表現

このページはテンプレートの下層導線として使えるよう、余白・階層・CTAを整えたデモページです。

03 キーボード操作の確認

このページはテンプレートの下層導線として使えるよう、余白・階層・CTAを整えたデモページです。

そのまま使える下層ページ

デモ導線で白くならないよう、テンプレート内部の仮想ページとして用意しています。購入者はこの構造をベースに内容を差し替えられます。

Web KitPaywaveJP

全ページ共通の購入CTAつき

フォームのラベルを明確にするレスポンシブで崩れにくい、余白を広めに取ったシンプルな構成です。
色だけに依存しない状態表現レスポンシブで崩れにくい、余白を広めに取ったシンプルな構成です。
キーボード操作の確認レスポンシブで崩れにくい、余白を広めに取ったシンプルな構成です。