キーボード操作
| キー | 動作 |
|---|---|
| 数字キー | セグメントに入力します。後に続けられる数字がなくなると、次のセグメントに進みます。 |
| 上下矢印キー | セグメントの値を増減します。Page Up / Page Down ではより大きく増減します。 |
| 左右矢印キー、Tab | 前または次のセグメントに移動します。 |
| Backspace | セグメントをクリアし、もう一度押すと前のセグメントに戻ります。 |
| A / P | 午前(AM)または午後(PM)に設定します。 |
アクセシビリティの注意点
- フィールドは
groupです。aria-labelまたはaria-labelledbyで名前を付けてください。各セグメントは担当する部分の名前が付いたspinbuttonで、月の値は月名で、空のセグメントは「Empty」と読み上げられます。 - セグメントは編集可能なテキストなので、タッチキーボードは数字入力の状態で開きます。
- ピッカーのボタンの名前は「Choose a date」で、ポップオーバーは
dialogです。日付を選ぶと、フォーカスはボタンに戻ります。 - 中のカレンダーは、カレンダーと同じように動作します。