Skip to content

Commit 00bfcb6

Browse files
committed
Cleared the conflicts in move the changes from hotfix to development
1 parent b7d95f7 commit 00bfcb6

39 files changed

+2171
-1774
lines changed

blazor/chart/getting-started-with-maui-app.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ documentation: ug
1111

1212
This section explains you through the step-by-step process of integrating the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Chart component into your Blazor MAUI application using both Visual Studio and Visual Studio Code.
1313

14-
> **Ready to streamline your Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor development?** <br/>Discover the full potential of Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components with Syncfusion<sup style="font-size:70%">&reg;</sup> AI Coding Assistant. Effortlessly integrate, configure, and enhance your projects with intelligent, context-aware code suggestions, streamlined setups, and real-time insights—all seamlessly integrated into your preferred AI-powered IDEs like VS Code, Cursor, Syncfusion<sup style="font-size:70%">&reg;</sup> CodeStudio and more. [Explore Syncfusion<sup style="font-size:70%">&reg;</sup> AI Coding Assistant](https://blazor.syncfusion.com/documentation/ai-coding-assistant/overview)
14+
> **Ready to streamline your Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor development?** <br/>Discover the full potential of Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components with Syncfusion<sup style="font-size:70%">&reg;</sup> AI Coding Assistants. Effortlessly integrate, configure, and enhance your projects with intelligent, context-aware code suggestions, streamlined setups, and real-time insights—all seamlessly integrated into your preferred AI-powered IDEs like VS Code, Cursor, Syncfusion<sup style="font-size:70%">&reg;</sup> CodeStudio and more. [Explore Syncfusion<sup style="font-size:70%">&reg;</sup> AI Coding Assistants](https://blazor.syncfusion.com/documentation/ai-coding-assistant/overview)
1515
1616
{% tabcontents %}
1717

blazor/datepicker/getting-started-with-web-app.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -252,4 +252,3 @@ N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-
252252
1. [Getting Started with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor for client-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app)
253253
2. [Getting Started with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor for client-side in Visual Studio](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-visual-studio)
254254
3. [Getting Started with Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor for server-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app)
255-

blazor/gantt-chart/accessibility.md

Lines changed: 38 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ documentation: ug
99

1010
# Accessibility in Blazor Gantt Chart Component
1111

12-
The Blazor Gantt 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 Syncfusion Blazor Gantt Chart component adheres to accessibility guidelines, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/), and [WCAG roles](https://www.w3.org/TR/wai-aria/#roles) standards, ensuring compatibility with assistive technologies, including those relying on assistive technologies.
1313

1414
The accessibility compliance for the Blazor Gantt component is outlined below.
1515

@@ -39,29 +39,28 @@ The accessibility compliance for the Blazor Gantt component is outlined below.
3939

4040
## WAI-ARIA
4141

42-
The Blazor Gantt component followed the [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/) patterns to meet the accessibility. The following ARIA attributes are used in the Blazor Gantt component:
42+
The Blazor Gantt component implements [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/) patterns to enhance accessibility. The following ARIA attributes are applied:
4343

4444
The following ARIA attributes are used in Blazor Gantt:
4545

46-
47-
| **Attributes** | **Description** |
48-
| --- | --- |
49-
| `treegrid (role)` | Used to convey a significant and contextual message to the user. This attribute is added to the `e-table` element present in the Gantt, which represents Grid part. |
50-
| `gridcell (role)` | This attribute is added to the `td` elements present within the `e-table`, which represents the work cells of Gantt .|
51-
| `columnheader (role)` | This attribute is added to the `th` elements within the `e-table`, which represents the header cells of Grid table. |
52-
| `separator (role)` | This attribute is added to the `e-split-bar` element, which represents the splitter between the Grid table and Chart. |
53-
| `dialog (role)` | This attribute is added to the `e-dialog` element, which represents the pop-up dialog. |
54-
| `toolbar (role)` | This attribute is added to the `e-gantt-toolbar` element, which represents the toolbars of Gantt. |
55-
| `aria-label` | It indicates the element's information`<br>`. It is assigned to the Gantt UI elements such as timeline cell, taskbar, left label, right label, dependency line, and event markers. |
56-
| `aria-selected` | This attribute is assigned to the Gantt chart row and is set to `false` by default. The value is changed to `true` when the user selects a grid cell or task. |
57-
| `aria-expanded` | This attribute is assigned to the Gantt chart parent task row. The value is changed to `true` when the user clicks a parent taskbar to expand. After the user clicked a parent taskbar to collapse, the attribute value is changed to `false`. |
58-
| `aria-grabbed` | This attribute is assigned to the taskbars of Gantt when the user tries to achieve taskbar editing. |
46+
| Attributes | Description |
47+
|------------|-------------|
48+
| `treegrid (role)` | Applied to the `e-table` element in the Gantt's grid section to indicate a treegrid structure. |
49+
| `gridcell (role)` | Added to `td` elements within the `e-table` to represent work cells in the Gantt grid. |
50+
| `columnheader (role)` | Assigned to `th` elements within the `e-table` to denote header cells in the grid. |
51+
| `separator (role)` | Used for the `e-split-bar` element, representing the splitter between the grid and chart sections. |
52+
| `dialog (role)` | Applied to the `e-dialog` element for pop-up dialogs in the Gantt. |
53+
| `toolbar (role)` | Assigned to the `e-gantt-toolbar` element to indicate the toolbar. |
54+
| `aria-label` | Provides descriptive information for UI elements, such as timeline cells, taskbars, labels, dependency lines, and event markers. |
55+
| `aria-selected` | Indicates selection state for chart rows, set to **false** by default and `true` when a cell or task is selected. |
56+
| `aria-expanded` | Used for parent task rows, set to `true` when expanded and **false** when collapsed. |
57+
| `aria-grabbed` | Applied to taskbars during editing to indicate drag-and-drop interaction. |
5958

6059
## Keyboard navigation
6160

6261
The Gantt component follows the [keyboard interaction](https://www.w3.org/WAI/ARIA/apg/patterns/) guideline, ensuring accessibility for users of assistive technologies (AT) and those who rely solely on keyboard navigation. The following keyboard shortcuts are supported by the Gantt component:
6362

64-
<b>Focus Elements</b>
63+
### Focus elements
6564

6665
| Windows | MAC | Actions |
6766
| ----- | ----- | ----- |
@@ -76,7 +75,7 @@ The Gantt component follows the [keyboard interaction](https://www.w3.org/WAI/AR
7675
| <kbd>←</kbd> | <kbd>←</kbd> | Moves the cell focus left side from the focused cell. |
7776
| <kbd>Alt</kbd> + <kbd>W</kbd> | <kbd>⌥</kbd> + <kbd>W</kbd> | Moves the focus to the gantt content element. |
7877

79-
<b>Expand/Collapse</b>
78+
### Expand/Collapse
8079

8180
| Windows | MAC | Actions |
8281
| ----- | ----- | ----- |
@@ -85,7 +84,7 @@ The Gantt component follows the [keyboard interaction](https://www.w3.org/WAI/AR
8584
| <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>↑</kbd> | <kbd>⌘</kbd> + <kbd>⇧</kbd> + <kbd>↑</kbd> | Collapse the selected row. |
8685
| <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>↓</kbd> | <kbd>⌘</kbd> + <kbd>⇧</kbd> + <kbd>←</kbd> | Expands the selected row. |
8786

88-
<b>Selection</b>
87+
### Selection
8988

9089
| Windows | MAC | Actions |
9190
| ----- | ----- | ----- |
@@ -102,14 +101,14 @@ The Gantt component follows the [keyboard interaction](https://www.w3.org/WAI/AR
102101
| <kbd>Esc</kbd> | <kbd>Esc</kbd> | Deselects all the selected row/cells. |
103102
| <kbd>Ctrl</kbd> + <kbd>A</kbd> | <kbd>⌘</kbd> + <kbd>A</kbd> | Select all the row/cells in the current page. |
104103

105-
<b>Clipboard</b>
104+
### Clipboard
106105

107-
| Windows | MAC | Actions |
108-
| ----- | ----- | ----- |
109-
| <kbd>Ctrl</kbd> + <kbd>C</kbd> | <kbd>⌘</kbd> + <kbd>C</kbd> | Copies selected rows or cells data into the clipboard. |
110-
| <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>H</kbd> | <kbd>⌘</kbd> + <kbd>⇧</kbd> + <kbd>H</kbd> | Copies selected rows or cells data with header into clipboard. |
111-
112-
<b>Context Menu</b>
106+
| Windows | Mac | Action |
107+
|---------|-----|--------|
108+
| <kbd>Ctrl</kbd> + <kbd>C</kbd> | <kbd>⌘</kbd> + <kbd>C</kbd> | Copies selected rows or cells to the clipboard. |
109+
| <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>H</kbd> | <kbd>⌘</kbd> + <kbd>⇧</kbd> + <kbd>H</kbd> | Copies selected rows or cells with headers to the clipboard. |
110+
111+
### Context menu
113112

114113
| Windows | MAC | Actions |
115114
| ----- | ----- | ----- |
@@ -120,7 +119,7 @@ The Gantt component follows the [keyboard interaction](https://www.w3.org/WAI/AR
120119
| <kbd>Left</kbd> | <kbd>Left</kbd> | Close the current sub menu and navigates to the parent menu. |
121120
| <kbd>Right</kbd> | <kbd>Right</kbd> | Navigates and open the next sub menu. |
122121

123-
<b>Cell Editing</b>
122+
### Cell editing
124123

125124
| Windows | MAC | Actions |
126125
| ----- | ----- | ----- |
@@ -132,48 +131,48 @@ The Gantt component follows the [keyboard interaction](https://www.w3.org/WAI/AR
132131
| <kbd>Shift</kbd> + <kbd>Tab</kbd> | <kbd>⇧</kbd> + <kbd>Tab</kbd> | Navigates to the previous editable cell, saves the current cell, and starts editing the previous cell. |
133132
| <kbd>Shift</kbd> + <kbd>Enter</kbd> | <kbd>⇧</kbd> + <kbd>Enter</kbd> | Saves the current cell and starts editing the previous row cell. |
134133

135-
<b>Filtering</b>
134+
### Filtering
136135

137136
| Windows | MAC | Actions |
138137
| ----- | ----- | ----- |
139138
| <kbd>Alt</kbd> + <kbd>↓</kbd> | <kbd>⌥</kbd> + <kbd>↓</kbd> | Opens the filter menu when its header element is in focused state. |
140139

141-
<b>Column Menu</b>
140+
### Column Menu
142141

143142
| Windows | MAC | Actions |
144143
| ----- | ----- | ----- |
145144
| <kbd>Alt</kbd> + <kbd>↓</kbd> | <kbd>⌥</kbd> + <kbd>↓</kbd> | Opens column menu when its header element is in focused state. |
146145

147-
<b>Reordering</b>
146+
### Reordering
148147

149148
| Windows | MAC | Actions |
150149
| ----- | ----- | ----- |
151150
| <kbd>Ctrl</kbd> + <kbd>←</kbd> / <kbd>→</kbd> | <kbd>⌘</kbd> + <kbd>←</kbd> / <kbd>→</kbd> | Reorders the focused header column to the left or right side. |
152151

153-
<b>Sorting</b>
152+
### Sorting
154153

155154
| Windows | MAC | Actions |
156155
| ----- | ----- | ----- |
157156
| <kbd>Enter</kbd> | <kbd>Enter</kbd> | Performs sorting(ascending/descending) on a column when its header element is in focused state. |
158157
| <kbd>Ctrl</kbd> + <kbd>Enter</kbd> | <kbd>⌘</kbd> + <kbd>Enter</kbd> | Performs multi-sorting on a column when its header element is in focused state. |
159158
| <kbd>Shift</kbd> + <kbd>Enter</kbd> | <kbd>⇧</kbd> + <kbd>Enter</kbd> | Clears sorting for the focused header column. |
160159

161-
<b>Toolbar</b>
160+
### Toolbar
162161

163162
| Windows | MAC | Actions |
164163
| ----- | ----- | ----- |
165164
| <kbd>←</kbd> | <kbd>←</kbd> | Focuses the previous element. |
166165
| <kbd>→</kbd> | <kbd>→</kbd> | Focuses the next element. |
167166
| <kbd>Enter</kbd> | <kbd>Enter</kbd> | Performs the focused toolbar element action. |
168167

169-
<b>Tooltip</b>
168+
### Tooltip
170169

171170
| Windows | MAC | Actions |
172171
| ----- | ----- | ----- |
173172
| <kbd>Escape</kbd> | <kbd>Escape</kbd> | Closes or dismisses the tooltip. |
174173
| <kbd>Tab</kbd> | <kbd>Tab</kbd> | A form control receiving focus (say through tab key), opens the tooltip, and on focus out closes it. |
175174

176-
<b>Dialog Editing</b>
175+
### Dialog editing
177176

178177
| Windows | MAC | Actions |
179178
| ----- | ----- | ----- |
@@ -185,15 +184,12 @@ The Gantt component follows the [keyboard interaction](https://www.w3.org/WAI/AR
185184
| <kbd>Tab</kbd> | <kbd>Tab</kbd> | Navigates to the next editable cell, saves the current cell, and starts editing the next cell in the dialog elements. |
186185
| <kbd>Shift</kbd> + <kbd>Tab</kbd> | <kbd>⇧</kbd> + <kbd>Tab</kbd> | Navigates to the previous editable cell, saves the current cell, and starts editing the previous cell in the dialog elements. |
187186

187+
## Validate Accessibility Compliance
188188

189-
## Ensuring accessibility
190-
191-
The Blazor Gantt component's accessibility levels are ensured through an [axe-core](https://www.nuget.org/packages/Deque.AxeCore.Playwright) with playwright tests.
192-
193-
The accessibility compliance of the Blazor Gantt component is shown in the following sample. Open the [sample](https://blazor.syncfusion.com/accessibility/gantt-chart) in a new window to evaluate the accessibility of the Blazor Gantt component with accessibility tools.
194-
195-
N> You can refer to our [Blazor Gantt Chart](https://www.syncfusion.com/blazor-components/blazor-gantt-chart) feature tour page for its groundbreaking feature representations. You can also explore our [Blazor Gantt Chart example](https://blazor.syncfusion.com/demos/gantt-chart/default-functionalities?theme=bootstrap5) to know how to render and configure the Gantt.
189+
Accessibility is validated using [axe-core](https://www.nuget.org/packages/Deque.AxeCore.Playwright) with Playwright tests to ensure compliance with WCAG 2.2 and other standards. Evaluate the accessibility of the Blazor Gantt Chart component using the [sample](https://blazor.syncfusion.com/accessibility/gantt-chart) in a new window with accessibility tools.
196190

197-
## See also
191+
## Related Resources
198192

199-
* [Accessibility in Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components](https://blazor.syncfusion.com/documentation/common/accessibility)
193+
- [Accessibility in Syncfusion Blazor Components](https://blazor.syncfusion.com/documentation/common/accessibility)
194+
- [Blazor Gantt Chart Feature Tour](https://www.syncfusion.com/blazor-components/blazor-gantt-chart)
195+
- [Blazor Gantt Chart Example](https://blazor.syncfusion.com/demos/gantt-chart/default-functionalities?theme=bootstrap5)

0 commit comments

Comments
 (0)