Skip to content

Added new kb article set-semantic-properties-calendar-navigation-buttons #1247

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Sep 30, 2025
Merged

Added new kb article set-semantic-properties-calendar-navigation-buttons #1247

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
68d08b1
Added new kb article set-semantic-properties-calendar-navigation-buttons
Sep 30, 2025
e93f7ae
Update knowledge-base/set-semantic-properties-calendar-navigation-but…
didiyordanova Sep 30, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
53 changes: 53 additions & 0 deletions knowledge-base/set-semantic-properties-calendar-navigation-buttons.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
---
title: Setting Semantic Properties for Navigation Buttons in Calendar
description: Learn how to set SemanticProperties.Description for navigation buttons in the Calendar control in UI for .NET MAUI to meet accessibility requirements.
type: how-to
page_title: Adding Semantic Properties to Calendar Navigation Buttons for Accessibility
meta_title: Adding Semantic Properties to Calendar Navigation Buttons for Accessibility in UI for .NET MAUI
slug: set-semantic-properties-calendar-navigation-buttons
tags: calendar, navigation-buttons, semanticproperties, accessibility, ui-for-dotnet-maui
res_type: kb
---

## Environment

| Version | Product | Author |
| --- | --- | --- |
| 11.1.0 | Calendar for .NET MAUI | [Dobrinka Yordanova](https://www.telerik.com/blogs/author/dobrinka-yordanova) |

## Description

I need to set semantic properties, specifically the `SemanticProperties.Description`, for the navigation buttons in the [UI for .NET MAUI Calendar](https://www.telerik.com/maui-ui/documentation/controls/calendar/overview) 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](https://www.telerik.com/maui-ui/documentation/controls/calendar/styling/header-styling)
- [UI for .NET MAUI Calendar Documentation](https://www.telerik.com/maui-ui/documentation/controls/calendar/overview)
Loading