デモ : アクセシブルなデートピッカー

このページは、「デートピッカー — Website Usability Info」用に制作したデモです。

Accessible Bootstrap Datepicker (eureka2 / ab-datepicker) をベースに、入力フィードに返す値のフォーマットを「yyyy-mm-dd」とすることで <input type="date"> に対応してみました。また、スクリーンリーダーでの読み上げが自然になるよう、日本語のラベルを調整しています。

:

キーボードでの操作方法