Date Picker Dialog

Launch date picker button

Description Inner text describes button
Role Identify itself as a button
Focus Visibly focusable with tab / swipe
Action Enter, space / double tap

Date Picker Dialog

Description aria-labelledby="month-year-heading-id"
Role identify itself as a dialog or modal, aria-modal="true"
State aria-live="polite" for dialog, aria-live="polite" for month/year heading

Calendar Navigation Buttons

Description Inner text describes its purpose
Role Identifies itself as a button
Focus Visibly focusable with tab
Action Enter / space / double tap

Date Grid Table

Description aria-labelledby="month-year-heading-id"
Role May identifies itself as table or grid.
Action Arrow keys, Home, End, Page up, Page down

Date Picker Buttons

Description Inner text describes its purpose
Role Identifies itself as a button
State aria-selected="true"
Focus Visibly focusable with tab
Action Enter / space / double tap