Accessibility Support in WinUI Scheduler (SfScheduler)

1 Apr 20224 minutes to read

Screen reader support

The Scheduler can easily be accessed by the screen readers. Please find the following table to get the spoken feedback about the inner element contents of the screen.

Month view

View

Accessibility Format

Example

Month cell

dddd, MMMM d, yyyy

Sunday, May 30, 2021

ViewHeader

dddd

Sunday

Appointment (all-day)

Subject All-day

Meeting All day

Appointment

Subject h:mm t - h:mm tt dddd, MMMM d, yyyy

General Meeting 10:00 AM-11:00 AM Tuesday, June 8, 2021

Spanning Appointment

Subject dddd, MMMM d, yyyy h:mm:ss tt - dddd, MMMM d, yyyy h:mm:ss tt

Plan Execution Friday, May 28, 2021 10:00:00 AM-Sunday, May 30, 2021 11:00:00 AM

Week number

Week number

Week Number 22

Month agenda view with No date selected

No Date Selected

No Date Selected

Month Agenda view with No events

dddd, MMMM d, yyyy No Events

Wednesday, June 2, 2021 No Events

Month Agenda view list appointment

dddd, dddd, MMMM d, yyyy

Thursday, June 24, 2021

BlackoutDates

Blackout Day dddd, MMMM d, yyyy

Blackout Day-Saturday, June 26, 2021

Day, week and workweek views

View

Accessibility Format

Example

Timeslot cell

dddd, MMMM d, yyyy h:mm:ss tt

Sunday, June 20, 2021 12:00:00 AM

ViewHeader

dddd, MMMM d, yyyy

Sunday, June 20, 2021

Appointment (all-day)

Subject All-day

Meeting All day

Appointment

Subject h:mm t - h:mm tt dddd, MMMM d, yyyy

General Meeting 10:00 AM-11:00 AM Tuesday, June 8, 2021

Spanning Appointment

Subject dddd, MMMM d, yyyy h:mm:ss tt - dddd, MMMM d, yyyy h:mm:ss tt

Plan Execution Friday, May 28, 2021 10:00:00 AM-Sunday, May 30, 2021 11:00:00 AM

Time ruler

Time ruler

12 AM

Timeline views

View

Accessibility Format

Example

Timeslot cell

dddd, MMMM d, yyyy h:mm:ss tt

Sunday, June 20, 2021 12:00:00 AM

ViewHeader

dddd, MMMM d, yyyy

Sunday, June 20, 2021

Appointment (all-day)

Subject All-day

Meeting All day

Appointment

Subject h:mm t - h:mm tt dddd, MMMM d, yyyy

General Meeting 10:00 AM-11:00 AM Tuesday, June 8, 2021

Spanning Appointment

Subject dddd, MMMM d, yyyy h:mm:ss tt - dddd, MMMM d, yyyy h:mm:ss tt

Plan Execution Friday, May 28, 2021 10:00:00 AM-Sunday, May 30, 2021 11:00:00 AM

Time ruler

Time ruler

12 AM

Scheduler header

View

Accessibility Format

Example

Day, Week, Work week, Month, Timeline day and Timeline month

MMMM yyyy

June 2021

Timeline week and Timeline work week

MMMM yyyy - MMMM yyyy

28 June - 2 July 2021

Previous navigation button

Previous navigation button

Previous navigation button

Next navigation button

Next navigation button

Next navigation button

Scheduler resource header

View

Accessibility Format

Example

Resource header

Name Id

Sophia 1000

Appointment editor window

View

Accessibility Format

Example

Add appointment

Title

New event

Edit appointment

Title

Edit event

Title textbox

Title Edit Subject Text Enter line

Title Edit Meeting Enter line

Location textbox

Title Edit Location Text Enter line

Location Edit Chennai Enter line

Notes textbox

Title Edit NotesText Enter line

Notes Edit (description) Enter line

Save button

Save button

Save button

Cancel button

Cancel button

Cancel button

Delete button

Delete button

Delete button

Timezone/All-day check box

All day checkbox

All day checkbox checked/Unchecked

Date/time picker

Date/time value edit

12/1/2021 edit

Combo box

Combobox content

Custom

Recurrence editing window

View

Accessibility Format

Example

Editing or Deleting an recurrence appointment

Title

Open Recurring Item / Confirm Delete

Radio button

Content ControlType

Just this one RadioButton / Delete this occurrence

Button

Content ControlType

OK button / Cancel button

Keyboard navigation

The Scheduler supports selection using keyboard interactions.

Day, Week and WorkWeek views

Navigation Shortcut Keys

Descriptions

Right arrow

Moves selection to the same time slot on the next day.

Left arrow

Moves selection to the same time slot on the previous day.

Down arrow

Moves selection to the next time slot directly below the currently selected time slot.

Up arrow

Moves selection to the previous time slot directly above the currently selected time slot.

Timeline view

Navigation Shortcut Keys

Descriptions

Right arrow

Moves selection to the next time slot of the currently selected time slot.

Left arrow

Moves selection to the previous time slot of the currently selected time slot.

Month view

Navigation Shortcut Keys

Descriptions

Right arrow

Moves selection to the next date of the currently selected date.

Left arrow

Moves selection to the previous date of the currently selected date.

Down arrow

Moves selection to the date directly below the currently selected date on the next row.

Up arrow

Moves selection to the date directly above the currently selected date on the previous row.

Appointments

Navigation Shortcut Keys

Descriptions

Tab

Moves selection to the next appointment of the currently selected appointment.

Shift + Tab

Moves selection to the previous appointment of the currently selected appointment.

Delete

Deletes the selected appointment from appointments collection.

View navigations

Ctrl + Alt + 1 => DayView

Moves the view to day view.

Ctrl + Alt + 2 => WeekView

Moves the view to week view.

Ctrl + Alt + 3 => WorkWeekView

Moves the view to work week view.

Ctrl + Alt + 4 => MonthView

Moves the view to work week view.

Ctrl + Alt + 5 => TimelineDayView

Moves the view to Timeline day view.

Ctrl + Alt + 6 => TimelineWeekView

Moves the view to Timeline week view.

Ctrl + Alt + 7 => TimelineWorkWeekView

Moves the view to Timeline work week view.

Ctrl + Alt + 8 => TimelineMonthView

Moves the view to Timeline month view.