Setting Semantic Properties for Navigation Buttons in Calendar

Environment

Version	Product	Author
11.1.0	Calendar for .NET MAUI	Dobrinka Yordanova

Description

I need to set semantic properties, specifically the SemanticProperties.Description, for the navigation buttons in the UI for .NET MAUI Calendar control to meet accessibility standards.

This knowledge base article also answers the following questions:

• How do I add accessibility descriptions for calendar navigation buttons?
• How can I set SemanticProperties for the Previous and Next navigation buttons in a calendar?
• What is the method to define descriptions for navigation buttons in the .NET MAUI Calendar?

Solution

To set the SemanticProperties.Description for the navigation buttons, use the NavigateToPreviousViewButtonStyle and NavigateToNextViewButtonStyle properties of the Calendar control.

1. Define styles for the navigation buttons in XAML.

xml

<Style TargetType="Button" x:Key="NavigateToPreviousViewButtonStyle">
    <Setter Property="SemanticProperties.Description" Value="Navigate to previous view" />
</Style>
<Style TargetType="Button" x:Key="NavigateToNextViewButtonStyle">
    <Setter Property="SemanticProperties.Description" Value="Navigate to next view" />
</Style>

2. Assign the styles to the Calendar control.

xml

<telerik:RadCalendar x:Name="calendar"
                        NavigateToPreviousViewButtonStyle="{StaticResource NavigateToPreviousViewButtonStyle}"
                        NavigateToNextViewButtonStyle="{StaticResource NavigateToNextViewButtonStyle}" />

See Also

• Styling the Header of the Calendar in UI for .NET MAUI
• UI for .NET MAUI Calendar Documentation