You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: blazor/ai-coding-assistants/mcp-server.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -11,7 +11,7 @@ documentation: ug
11
11
12
12
## Overview
13
13
14
-
The [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant) is a specialized [Model Context Protocol (MCP)](https://modelcontextprotocol.io/introduction) server that provides intelligent assistance for developers using Syncfusion's Blazor component libraries. This tool seamlessly integrates with compatible [MCP clients](https://modelcontextprotocol.io/clients) to enhance your development workflow when building Blazor applications with Syncfusion<supstyle="font-size:70%">®</sup> components.
14
+
The [SyncfusionBlazorAssistant](https://www.npmjs.com/package/@syncfusion/blazor-assistant) is a specialized [Model Context Protocol (MCP)](https://modelcontextprotocol.io/docs/getting-started/intro) server that provides intelligent assistance for developers using Syncfusion's Blazor component libraries. This tool seamlessly integrates with compatible [MCP clients](https://modelcontextprotocol.io/clients) to enhance your development workflow when building Blazor applications with Syncfusion<supstyle="font-size:70%">®</sup> components.
15
15
16
16
### Key Benefits
17
17
@@ -149,7 +149,7 @@ To configure an MCP server for a specific workspace, you can create a .cursor/mc
149
149
150
150
> For more detailed information about configuring MCP servers in various clients, refer to the official documentations.
Copy file name to clipboardExpand all lines: blazor/ai-coding-assistants/overview.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,7 +7,7 @@ platform: Blazor
7
7
documentation: ug
8
8
---
9
9
10
-
# Syncfusion<supstyle="font-size:70%">®</sup> AI Coding Assistants Overview
10
+
# Syncfusion® AI Coding Assistants Overview
11
11
12
12
The **Syncfusion<supstyle="font-size:70%">®</sup> AI Coding Assistants** are designed to streamline your development workflow when building Blazor applications with Syncfusion<supstyle="font-size:70%">®</sup> components. It uses contextual knowledge of the Syncfusion<supstyle="font-size:70%">®</sup> component library to generate accurate code snippets, configuration examples, and guided explanations—minimizing documentation searches and maximizing productivity.
13
13
@@ -69,4 +69,4 @@ The Syncfusion<sup style="font-size:70%">®</sup> AI Coding Assistants is des
69
69
70
70
* Add the [SyncfusionBlazor MCP Server](./mcp-server.md) to an MCP-enabled client
71
71
* Install the [SyncfusionBlazor GitHub Copilot Extension](./copilot-extension.md)
Copy file name to clipboardExpand all lines: blazor/check-box/getting-started-with-web-app.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -234,6 +234,6 @@ N> [View sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-
234
234
235
235
## See also
236
236
237
-
1.[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor for client-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli)
237
+
1.[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor for client-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app)
238
238
2.[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor for client-side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio)
239
-
3.[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor for server-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-dotnet-cli)
239
+
3.[Getting Started with Syncfusion<supstyle="font-size:70%">®</sup> Blazor for server-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app)
Copy file name to clipboardExpand all lines: blazor/color-picker/accessibility.md
+14-14Lines changed: 14 additions & 14 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,7 +9,7 @@ documentation: ug
9
9
10
10
# Accessibility in Blazor Color Picker Component
11
11
12
-
The Blazor Color Picker component followed the accessibility guidelines and standards, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WCAG roles](https://www.w3.org/TR/wai-aria/#roles) that are commonly used to evaluate accessibility.
12
+
The Blazor Color Picker component follows accessibility guidelines and standards, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WCAG roles](https://www.w3.org/TR/wai-aria/#roles) that are commonly used to evaluate accessibility.
13
13
14
14
The accessibility compliance for the Blazor Color Picker component is outlined below.
15
15
@@ -39,36 +39,36 @@ The accessibility compliance for the Blazor Color Picker component is outlined b
39
39
40
40
## WAI-ARIA attributes
41
41
42
-
The Blazor Color Picker component followed the [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/alert/) patterns to meet the accessibility. The following ARIA attributes are used in the Blazor ColorPicker component:
42
+
The Blazor Color Picker component follows [WAI-ARIA](https://www.w3.org/WAI/ARIA/) practices to support assistive technologies. The following ARIA attributes are used in the Blazor Color Picker component:
43
43
44
44
| Attributes | Purpose |
45
45
| --- | --- |
46
-
|`role`|Indicates the Color Picker component as `color`and the tiles as`gridcell`in the color palette. |
47
-
|`aria-label`|Indicates the accessible name for the tiles. |
48
-
|`aria-selected`| Indicates the current selected state of the tile. |
49
-
|`aria-haspopup`| Indicates the availability of the popup element. |
50
-
|`aria-expanded`| Indicates whether the popup can be expanded or collapsed, as well as indicates whether its current state is expanded or collapsed. |
51
-
|`aria-owns`|Identifies an elements in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship. |
52
-
|`aria-disabled`|Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. |
46
+
|`role`|Identifies interactive elements (for example, `grid` for the palette and`gridcell`for tiles) to convey structure to assistive technologies. |
47
+
|`aria-label`|Provides accessible names for interactive elements such as tiles and buttons. |
48
+
|`aria-selected`| Indicates the current selection state of a tile in the palette. |
49
+
|`aria-haspopup`| Indicates the availability of the popup element when applicable. |
50
+
|`aria-expanded`| Indicates whether the popup is currently expanded or collapsed. |
51
+
|`aria-owns`|Establishes relationships between popup and trigger elements when DOM hierarchy alone is insufficient. |
52
+
|`aria-disabled`|Conveys that the element is disabled and not operable. |
53
53
54
54
## Keyboard interaction
55
55
56
-
The Blazor Color Picker component followed the [keyboard interaction](https://www.w3.org/WAI/ARIA/apg/patterns/alert/#keyboardinteraction) guideline, making it easy for people who use assistive technologies (AT) and those who completely rely on keyboard navigation. The following keyboard shortcuts are supported by the Blazor ColorPicker component.
56
+
The Blazor Color Picker component followed the [keyboard interaction](https://www.w3.org/WAI/ARIA/apg/patterns/alert/#keyboardinteraction) guideline, making it easy for use assistive technologies (AT) and those who completely rely on keyboard navigation. The following keyboard shortcuts are supported by the Blazor ColorPicker component.
57
57
58
58
| Windows | Mac | Actions |
59
59
| --- | --- | --- |
60
60
| <kbd>↑</kbd> | <kbd>↑</kbd> | Moves the handler/tile up from the current position. |
61
61
| <kbd>↓</kbd> | <kbd>↓</kbd> | Moves the handler/tile down from the current position. |
62
62
| <kbd>←</kbd> | <kbd>←</kbd> | Moves the handler/tile left from the current position. |
63
63
| <kbd>→</kbd> | <kbd>→</kbd> | Moves the handler/tile right from the current position. |
64
-
| <kbd>Enter</kbd> | <kbd>Enter</kbd> |Apply the selected color value. |
65
-
| <kbd>Tab</kbd> | <kbd>Tab</kbd> |To focus the next focusable element in the ColorPicker popup. |
64
+
| <kbd>Enter</kbd> | <kbd>Enter</kbd> |Applies the selected color value. |
65
+
| <kbd>Tab</kbd> | <kbd>Tab</kbd> |Moves focus to the next focusable element in the Color Picker popup. |
66
66
67
67
## Ensuring accessibility
68
68
69
-
The Blazor Color Picker component's accessibility levels are ensured through an [axe-core](https://www.nuget.org/packages/Deque.AxeCore.Playwright)with playwright tests.
69
+
The Blazor Color Picker component's accessibility levels are validated with [axe-core](https://www.nuget.org/packages/Deque.AxeCore.Playwright)using Playwright-based tests.
70
70
71
-
The accessibility compliance of the Blazor Color Picker component is shown in the following sample. Open the [sample](https://blazor.syncfusion.com/accessibility/color-picker) in a new window to evaluate the accessibility of the Color Picker Blazor component with accessibility tools.
71
+
The accessibility compliance of the Blazor Color Picker component is demonstrated in the following sample. Open the [sample](https://blazor.syncfusion.com/accessibility/color-picker) in a new window to evaluate the component with accessibility tools.
0 commit comments