アクセシビリティ

Vue OTP Pro はアクセシビリティを考慮して構築されています。

ARIA サポート

• コンテナに role="group" を設定
• 各入力に aria-label（例："OTP Input digit 1"）
• ariaLabel prop でプレフィックスをカスタマイズ

キーボードナビゲーション

キー	アクション
0-9	数字を入力、次に自動移動
Backspace	現在をクリアまたは前に移動
Delete	現在の入力をクリア
ArrowLeft	前の入力にフォーカス移動
ArrowRight	次の入力にフォーカス移動
Tab	標準タブナビゲーション
Enter	すべて入力済みなら complete イベント発火
Ctrl/Cmd + V	クリップボードからペースト

モバイル

• inputmode="numeric" でモバイルに数字キーボード表示
• autocomplete="one-time-code" で iOS SMS 自動入力対応
• ペースト時に区切り文字を自動除去
• IME 入力（中国語、日本語、韓国語）は変換完了後に検証

無効 vs 読み取り専用

状態	ユーザー操作	外観
通常	完全な入力	標準
disabled	操作不可	45% 不透明度
readonly	フォーカス/選択のみ	70% 不透明度