Labeling
- The surrounding UI should explain what broader period the year grid represents.
Keyboard Behavior
AnnouncementFocus the demo and press a key from the table.
| Key | Action |
|---|---|
| ←→ | Moves the focus to the previous or next year, wrapping to the neighbouring row. In RTL the arrows are mirrored: ← moves to the next year. |
| ↑↓ | Moves the focus to the year above or below in the same column. |
| HomeEnd | Moves the focus to the first or last year of the row. |
| Page UpPage DownCtrl + HomeCtrl + End | In a YearPickerLayout page: Page Up and Page Down move the focus to the first or last row in the same column; Ctrl + Home and Ctrl + End to the first or last year. |
| EnterSpace | Selects the focused year. |
- Keyboard behavior is inherited from
DataGridPickerand the year-grid items.
Focus Behavior
- Without
defaultActive, the tab stop is the visibleyear, which is always on the page in view - Focus should remain visible as the year grid pages across larger ranges.
Screen Reader Semantics
- Large year ranges are easier to understand when the visible decade/range is announced clearly in nearby text or picker labels.
Form Semantics
YearPickeris a picker subsystem, not native form input.
Accessibility Risks
- paged year ranges with no clear visible range context
- custom layouts that obscure active, selected, or disabled states