Accessibility in .NET Maui SfCalendar
7 Jan 20252 minutes to read
Enhance .NET MAUI Calendar’s accessibility with a user-friendly design, ensuring inclusive features for seamless navigation and usability for all users. Please find the table of elements along with their formats and examples.
Month View
| Element | Format | Example |
|---|---|---|
| Header | MMMM yyyy | May 2023 |
| Header – More than one month in view while number week lesser than 6 | MMMM – MMMM yyyy | November – December 2023 |
| Left arrow | string | Backward |
| Right arrow | string | Forward |
| Today button | string | Today |
| Ok button | string | Ok |
| Cancel button | string | Cancel |
| Month Header | EEE | Monday |
| Week Number | Week, Week number | Week 26 |
| MonthCell | dddd dd/MMMM/yyyy | Tuesday 27/May/2023 |
| Disabled Cells | EEE, dd/MMMM/yyyy, Disabled date | Friday, 31 January 2023, Disabled date |
| Blackout date | EEE, dd/MMMM/yyyy, Blackout date | Monday, 13 May 2023, Blackout date |
| Special date | EEE, dd/MMMM/yyyy, Special date | Monday, 25 May 2023, Special date |
Year View
| Element | Format | Example |
|---|---|---|
| Header | yyyy | 2023 |
| Year Cell | MMMM yyyy | January 2023 |
| Disabled cell | MMMM yyyy, Disabled cell | December 2019, Disabled cell |
Decade View
| Element | Format | Example |
|---|---|---|
| Header | yyyy - yyyy | 2020 – 2029 |
| Decade Cell | yyyy | 2023 |
| Disabled cell | yyyy, Disabled cell | 2019 Disabled cell |
Century View
| Element | Format | Example |
|---|---|---|
| Header | yyyy - yyyy | 2000 – 2099 |
| Century Cell | yyyy | 2070 – 2079 |
| Disabled cell | yyyy - yyyy | 2010 to 2019, Disabled cell |
Keyboard
SfCalendar supports selection using keyboard interactions.
Selection
| Key | Description |
|---|---|
| DownArrow | Moves selection to the date directly below the currently selected date on next row. |
| UpArrow | Moves selection to the date directly above the currently selected date on previous row. |
| RightArrow | Moves the selection to the next date of the date currently selected. |
| LeftArrow | Moves the selection to the previous date of the date currently selected. |
Selection with shift key combinations
| Key combinations | Description |
|---|---|
| Shift + DownArrow | If the SelectionMode is Multiple, the date directly below the last selected date on the next row will be selected along with the currently selected dates. If the SelectionMode is RangeSelection and selecting dates using the keyboard, the range will be extended to the date directly below the last selected date. |
| Shift + UpArrow | If the SelectionMode is Multiple, the date directly above the last selected date on the previous row will be selected along with the currently selected dates. If the SelectionMode is RangeSelection and selecting dates using the keyboard, the range will be extended to the date directly above the last selected date. |
| Shift + RightArrow | If the SelectionMode is Multiple, the next date of the last selected date will be selected along with the currently selected dates. If the SelectionMode is RangeSelection and selecting dates using the keyboard, the range will be extended to the next date of the last selected date. |
| Shift + LeftArrow | If the SelectionMode is Multiple, the previous date of the last selected date will be selected along with the currently selected dates. If the SelectionMode is RangeSelection and selecting dates using the keyboard, the range will be extended to the previous date of the last selected date. |
View navigations
| Key combinations | Description |
|---|---|
| Ctrl + UpArrow | View mode changes in the order of Month, Year, Decade, and Century. |
| Ctrl + DownArrow | View mode changes in the order of Month, Century, Decade, and Year. |
| Ctrl + LeftArrow | Navigate to the prev view. |
| Ctrl + RightArrow | Navigate to the next view. |