diff --git a/blazor/datagrid/accessibility.md b/blazor/datagrid/accessibility.md
index 019cc4e496..7621ef20ac 100644
--- a/blazor/datagrid/accessibility.md
+++ b/blazor/datagrid/accessibility.md
@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Accessibility in Blazor DataGrid | Syncfusion
-description: Checkout and learn here all about accessibility features in Syncfusion Blazor DataGrid, including keyboard navigation, screen reader support, and more.
+description: Learn how to make the Syncfusion Blazor DataGrid accessible with WCAG 2.2 and Section 508 support, ARIA roles, keyboard navigation, and screen reader support.
 platform: Blazor
 control: DataGrid
 documentation: ug
@@ -9,20 +9,28 @@ documentation: ug
 
 # Accessibility in Blazor DataGrid
 
-The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid 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.
-
-The accessibility compliance for the Grid is outlined below.
-
-| Accessibility Criteria | Compatibility |
-| -- | -- |
-| [WCAG 2.2 Support](../common/accessibility#accessibility-standards) | <img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> |
-| [Section 508 Support](../common/accessibility#accessibility-standards) | <img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> |
-| [Screen Reader Support](../common/accessibility#screen-reader-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes">  |
-| [Right-To-Left Support](../common/accessibility#right-to-left-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
-| [Color Contrast](../common/accessibility#color-contrast) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
-| [Mobile Device Support](../common/accessibility#mobile-device-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
-| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) |<img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> |
-| [Axe-core Accessibility Validation](../common/accessibility#ensuring-accessibility) | <img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> |
+<<<<<<< HEAD
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid is built to support widely accepted accessibility standards. These standards help ensure that the component is usable by individuals with varying abilities, including those using assistive technologies.
+Supported guidelines include:
+=======
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid follows accessibility guidelines and standards, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), and [WCAG 2.2](https://www.w3.org/TR/WCAG22/), and uses appropriate [ARIA roles](https://www.w3.org/TR/wai-aria/#roles) commonly referenced for accessibility evaluations.
+>>>>>>> 39e5f0bbcd45c94c50848d0fddc8e46bd8345a84
+
+- [Americans with Disabilities Act (ADA)]((https://www.ada.gov/))
+- [Section 508](https://www.section508.gov/)
+- [Web Content Accessibility Guidelines (WCAG) 2.2](https://www.w3.org/TR/WCAG22/)
+- [ARIA roles](https://www.w3.org/TR/wai-aria/#roles) for semantic structure and screen reader compatibility
+
+| Accessibility Criteria | Compatibility | Description |
+|-----------------------|---------------|-------------|
+| [WCAG 2.2 Support](../common/accessibility#accessibility-standards) | <img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> | Supports most WCAG 2.2 guidelines, such as color contrast (1.4.3) and keyboard accessibility (2.1.1), with some limitations in complex interactions. |
+| [Section 508 Support](../common/accessibility#accessibility-standards) | <img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> | Complies with most Section 508 requirements, with minor gaps in advanced interactive elements. |
+| [Screen Reader Support](../common/accessibility#screen-reader-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> | Implements ARIA roles (e.g., `role="grid"`, `aria-label`) for compatibility with screen readers like JAWS and NVDA. |
+| [Right-To-Left Support](../common/accessibility#right-to-left-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> | Supports right-to-left (RTL) layouts for languages like Arabic and Hebrew using the `EnableRtl` property. |
+| [Color Contrast](../common/accessibility#color-contrast) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> | Meets WCAG 2.2 minimum contrast ratios for text and visual elements. |
+| [Mobile Device Support](../common/accessibility#mobile-device-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> | Ensures touch-based navigation and compatibility with mobile screen readers. |
+| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | <img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> | Supports standard keyboard interactions (e.g., Tab, Arrow keys), with limitations in some advanced features like filtering. |
+| [Axe-core Accessibility Validation](../common/accessibility#ensuring-accessibility) | <img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> | Passes most Axe-core checks, with minor issues in specific ARIA configurations. |
 
 <style>
     .post .post-content img {
@@ -30,187 +38,241 @@ The accessibility compliance for the Grid is outlined below.
         margin: 0.5em 0;
     }
 </style>
-<div><img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> - All features of the component meet the requirement.</div>
-
-<div><img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> - Some features of the component do not meet the requirement.</div>
-
-<div><img src="https://cdn.syncfusion.com/content/images/documentation/not-supported.png" alt="No"> - The component does not meet the requirement.</div>
-
-## WAI-ARIA attributes
+**Support Level Indicators:**
 
-The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid followed the [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/grid/) patterns to meet the accessibility. The following ARIA attributes are used in the Grid:
+<div><img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> - All features meet the accessibility requirement..</div>
 
-| Attributes | Purpose |
-| --- | --- |
-| `role=grid` | To represent the element containing the Grid. |
-| `role=row` | To represent the element containing the cells of the row in the Grid. |
-| `role=rowgroup` | To represent the group of rows in the Grid. |
-| `role=columnheader` | To represent the cell in a row contains header information for a column in the Grid. |
-| `role=gridcell` | To represent a cell in the Grid. |
-| `role=button` | To represent the element that acts as a button in the Grid. |
-| `role=search` | To represent the element that acts as a search region in the Grid. |
-| `role=presentation` | To represent the element to be not available for accessibility concerns. |
-| `role=navigation` | To represent the element containing pager elements to navigate from one page to another. |
-| `aria-colindex` | Defines the column index of the column with respect to the total number of columns within the Grid. |
-| `aria-rowindex` | Defines row index of the row with respect to the total number of rows within the Grid.  |
-| `aria-rowspan` | Defines the number of rows spanned by a cell within the Grid.  |
-| `aria-colspan` | Defines the number of columns spanned by a cell within the Grid. |
-| `aria-rowcount` | Defines the total number of rows in the Grid.  |
-| `aria-colcount` | Defines the total number of columns in the Grid. |
-| `aria-selected` | Indicates the current "selected" state of the rows and cells in the Grid. |
-| `aria-expanded` | Indicate if the expand icon in the hierarchy Grid or grouped Grid or detail Grid is expanded or collapsed |
-| `aria-sort` | Indicates whether the data in the Grid are sorted in ascending or descending order. |
-| `aria-busy` | Indicates an element is being modified and that assistive technologies may want to wait until the changes are complete before informing the user about the update. |
-| `aria-owns` | Identifies an element in order to define a visual, functional, or contextual relationship between a parent and its child elements. |
-| `aria-hidden` | Hides the element from accessibility concerns. |
-| `aria-labelledby` | Provides an accessible name for the checkbox labels in excel filter, checkbox filter and column chooser dialog.  |
-| `aria-describedby` | Provides an description about the features enabled in the header when the Grid header cell is focused. |
+<div><img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> - Some features meet the requirement; others may need improvement.</div>
 
-The Grid is structured with a two-table architecture for its header and content. To enhance accessibility for screen readers, roles and ARIA attributes are incorporated for both the Grid parent and all its child elements. Although this architectural approach may have some limitations with accessibility checker tools. It's important to note that these limitations do not affect the readability of the Grid content over screen readers.
+<div><img src="https://cdn.syncfusion.com/content/images/documentation/not-supported.png" alt="No"> - The feature does not meet the requirement.</div>
 
-The accessibility checker tools highlights the following known issues:
-
-* aria-required-children: This warning appears when rendering the Grid without any features, as it contains textarea and Grid content. Additionally, it appears when enabling features such as the toolbar and grouping.
-
-* color-contrast: This warning appears when you are enabling the search item in the Grid's toolbar.
-
-* An explicit ARIA 'role' is not valid for `<tr>` element within an ARIA role 'Grid' per the ARIA in HTML specification.
-
-* An explicit ARIA 'role' is not valid for `<th>` element within an ARIA role 'Grid' per the ARIA in HTML specification.
+## WAI-ARIA attributes
 
-* An explicit ARIA 'role' is not valid for `<td>` element within an ARIA role 'Grid' per the ARIA in HTML specification.
+<<<<<<< HEAD
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid implements the [WAI-ARIA grid pattern](https://www.w3.org/WAI/ARIA/apg/patterns/grid/) to support accessibility requirements. This ensures compatibility with assistive technologies such as screen readers, including `JAWS` and `NVDA`. WAI-ARIA (Web Accessibility Initiative – Accessible Rich Internet Applications) attributes define roles, states, and properties that make the DataGrid accessible to individuals with disabilities.
+
+| Attribute | Purpose |
+|-----------|---------|
+| `role=grid` | Identifies the element as a grid container. |
+| `role=row` | Defines a row containing cells within the grid. |
+| `role=rowgroup` | Groups multiple rows, such as in grouped or hierarchical grids. |
+| `role=columnheader` | Specifies a header cell providing column information. |
+| `role=gridcell` | Indicates a data cell within the grid. |
+| `role=button` | Represents interactive elements that function as buttons. |
+| `role=search` | Identifies search regions, such as in the toolbar. |
+| `role=presentation` | Hides elements from assistive technologies when not relevant. |
+| `role=navigation` | Defines pager elements for page navigation. |
+| `aria-colindex` | Specifies the column index relative to the total number of columns. |
+| `aria-rowindex` | Specifies the row index relative to the total number of rows. |
+| `aria-rowspan` | Indicates the number of rows spanned by a cell. |
+| `aria-colspan` | Indicates the number of columns spanned by a cell. |
+| `aria-rowcount` | Specifies the total number of rows in the grid. |
+| `aria-colcount` | Specifies the total number of columns in the grid. |
+| `aria-selected` | Indicates the selection state of rows or cells. |
+| `aria-expanded` | Shows whether expand/collapse icons are expanded in hierarchical or grouped grids. |
+| `aria-sort` | Indicates sorting order (ascending or descending) for columns. |
+| `aria-busy` | Signals that the grid is being updated, deferring assistive technology announcements. |
+| `aria-owns` | Defines relationships between elements for visual or functional context. |
+| `aria-hidden` | Hides elements from assistive technologies. |
+| `aria-labelledby` | Provides accessible names for elements like checkboxes in filters or dialogs. |
+| `aria-describedby` | Describes features enabled in a header cell when it receives focus. |
+
+The Grid uses a two-table structure for header and content. ARIA roles and attributes are applied to parent and child elements to enhance screen reader support. This structure may trigger warnings in automated accessibility tools, but it does not affect how screen readers interpret the content.
+
+Accessibility checker tools may report the following known issues:
+
+* **aria-required-children:** Appears when rendering the Grid without certain features or when toolbar and grouping are enabled. Ensure required child roles are present and suppress false positives if the structure is intentional.
+* **color-contrast:** Can occur when the search item is enabled in the toolbar. Adjust theme variables or apply custom CSS to meet WCAG 2.2 AA contrast requirements.
+* **Invalid explicit ARIA roles on <tr>, <th>, <td>:** These warnings result from applying roles like row, columnheader, and gridcell to support assistive technologies. Confirm that navigation remains functional and document exceptions for audits.
+* **Role inheritance conflicts (role="button" with rowgroup descendants):** May appear when toolbar cells contain buttons. Maintain DOM hierarchy and verify focus order manually.
+* **Content not within a landmark element:** Add page-level landmarks (<header>, <main>, <nav>) to scope interactive regions.
+* **Multiple elements with role="search" lacking unique labels:** Assign unique aria-label or aria-labelledby attributes to each search region.
+* **Text contrast 4.10:** Improve contrast ratio to at least 4.5:1 using CSS for standard text.
+*** Grid lacks a programmatic name:** Set aria-label or aria-labelledby on the main Grid container.
+* **role="rowgroup" not owned by a grid:** Ensure grouped content remains within the element that has role="grid".
+
+To improve accessibility, apply page landmarks, assign unique labels to search regions, and verify that color contrast meets WCAG 2.2 AA standards. When customizing styles, maintain visible focus indicators and a logical focus order.
 
-* The element with role "button" contains descendants with roles "rowgroup" which are ignored by browsers.
+## Keyboard interaction
 
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid follows the ARIA grid [keyboard interaction](https://www.w3.org/WAI/ARIA/apg/patterns/grid/#keyboard-interaction) guidance, supporting efficient navigation for users relying on keyboard input or assistive technologies. The supported keyboard shortcuts are listed below.
+=======
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid follows the [WAI-ARIA grid pattern](https://www.w3.org/WAI/ARIA/apg/patterns/grid/) to meet accessibility requirements. The following ARIA roles and attributes are used in the Grid:
+
+| Attributes          | Purpose                                                                                                                       |
+|---------------------|-------------------------------------------------------------------------------------------------------------------------------|
+| `role=grid`         | Represents the element containing the Grid.                                                                                   |
+| `role=row`          | Represents a row that contains cells in the Grid.                                                                             |
+| `role=rowgroup`     | Represents a group of rows in the Grid.                                                                                       |
+| `role=columnheader` | Represents a header cell that provides header information for a column in the Grid.                                           |
+| `role=gridcell`     | Represents a data cell in the Grid.                                                                                           |
+| `role=button`       | Represents an element that acts as a button in the Grid.                                                                      |
+| `role=search`       | Represents an element that acts as a search region in the Grid.                                                               |
+| `role=presentation` | Indicates an element is not exposed to assistive technologies.                                                                |
+| `role=navigation`   | Represents the element containing pager elements to navigate between pages.                                                   |
+| `aria-colindex`     | Defines the column index of a column relative to the total number of columns.                                                 |
+| `aria-rowindex`     | Defines the row index relative to the total number of rows.                                                                   |
+| `aria-rowspan`      | Defines the number of rows spanned by a cell.                                                                                 |
+| `aria-colspan`      | Defines the number of columns spanned by a cell.                                                                              |
+| `aria-rowcount`     | Defines the total number of rows in the Grid.                                                                                 |
+| `aria-colcount`     | Defines the total number of columns in the Grid.                                                                              |
+| `aria-selected`     | Indicates the selected state of rows and cells.                                                                               |
+| `aria-expanded`     | Indicates whether the expand icon in a hierarchical, grouped, or detail Grid is expanded or collapsed.                        |
+| `aria-sort`         | Indicates whether data in the Grid is sorted in ascending or descending order.                                                |
+| `aria-busy`         | Indicates an element is being modified so assistive technologies may defer announcements until updates complete.              |
+| `aria-owns`         | Identifies related elements to define visual, functional, or contextual relationships.                                        |
+| `aria-hidden`       | Hides an element from assistive technologies.                                                                                 |
+| `aria-labelledby`   | Provides an accessible name for elements such as checkbox labels in Excel filter, checkbox filter, and column chooser dialog. |
+| `aria-describedby`  | Provides a description of features enabled in the header when a Grid header cell receives focus.                              |
+
+The Grid uses a two-table structure for header and content. Roles and ARIA attributes are applied to the Grid parent and child elements to improve screen reader support. This architecture can trigger warnings in automated accessibility checkers; however, it does not affect how screen readers read Grid content.
+
+Accessibility checker tools highlight the following known issues:
+
+* aria-required-children: Appears when rendering the Grid without features (for example, with textarea and Grid content) and when enabling features such as the toolbar and grouping.
+* color-contrast: May appear when the search item is enabled in the Grid toolbar, depending on theme colors.
+* An explicit ARIA role is not valid for the `<tr>` element within a `role="grid"` context per ARIA in HTML.
+* An explicit ARIA role is not valid for the `<th>` element within a `role="grid"` context per ARIA in HTML.
+* An explicit ARIA role is not valid for the `<td>` element within a `role="grid"` context per ARIA in HTML.
+* The element with role "button" contains descendants with role "rowgroup," which browsers ignore.
 * Content is not within a landmark element.
+* Multiple elements with the "search" role do not have unique labels.
+* Text contrast of 4.10 with its background is less than the WCAG AA minimum for 13px/400 text.
+* An interactive element with `role="grid"` does not have a programmatically associated name.
+* The element with role "rowgroup" is not contained in or owned by an element with one of the following roles: grid, table, treegrid.
 
-* Multiple elements with "search" role do not have unique labels.
-
-* Text contrast of 4.10 with its background is less than the WCAG AA minimum requirements for text of size 13px and weight of 400.
-
-* Interactive with ARIA role 'Grid' does not have a programmatically associated name.
-
-* The element with role "rowgroup" is not contained in or owned by an element with one of the following roles: "Grid, table, treeGrid".
+To address these, ensure appropriate landmarks (for example, header, main, nav) are used in the page layout, provide unique labels for multiple search regions (aria-label or aria-labelledby), and verify color contrast meets WCAG 2.2 AA. When customizing styles, retain visible focus indicators and a logical focus order.
 
 ## Keyboard interaction
 
-The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid 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 Grid.
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid follows the [ARIA grid keyboard interaction guidance](https://www.w3.org/WAI/ARIA/apg/patterns/grid/#keyboard-interaction), enabling efficient navigation for users of assistive technologies and those relying on keyboard input. The following keyboard shortcuts are supported by the Grid.
+>>>>>>> 39e5f0bbcd45c94c50848d0fddc8e46bd8345a84
 
 <b>Pager</b>
 
-| Windows | MAC | Actions |
-|-----|----- | -----|
-| <kbd>Tab</kbd> | <kbd>Tab</kbd> | Focus on the next pager item.|
-| <kbd>Shift</kbd> + <kbd>Tab</kbd> | <kbd>⇧</kbd> + <kbd>Tab</kbd> | Focus on the previous pager item.|
-| <kbd>Enter</kbd> / <kbd>Space</kbd> | <kbd>Enter</kbd> / <kbd>Space</kbd> | Select the currently focused page.|
-|<kbd>PageUp</kbd> / <kbd>←</kbd> | <kbd>←</kbd> | Navigate to previous page.|
-|<kbd>PageDown</kbd> / <kbd>→</kbd> | <kbd>→</kbd> | Navigate to next page.|
-| <kbd>Home</kbd> / <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>PageUp</kbd> | <kbd>Fn</kbd> + <kbd>←</kbd> | Navigate to first page.|
-| <kbd>End</kbd> / <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>PageDown</kbd> | <kbd>Fn</kbd> + <kbd>→</kbd> | Navigate to last page.|
+| Windows                                                                 | Mac                                 | Actions                                |
+|-------------------------------------------------------------------------|-------------------------------------|----------------------------------------|
+| <kbd>Tab</kbd>                                                          | <kbd>Tab</kbd>                      | Move focus to the next pager item.     |
+| <kbd>Shift</kbd> + <kbd>Tab</kbd>                                       | <kbd>⇧</kbd> + <kbd>Tab</kbd>       | Move focus to the previous pager item. |
+| <kbd>Enter</kbd> / <kbd>Space</kbd>                                     | <kbd>Enter</kbd> / <kbd>Space</kbd> | Select the currently focused page.     |
+| <kbd>PageUp</kbd> / <kbd>←</kbd>                                        | <kbd>←</kbd>                        | Navigate to the previous page.         |
+| <kbd>PageDown</kbd> / <kbd>→</kbd>                                      | <kbd>→</kbd>                        | Navigate to the next page.             |
+| <kbd>Home</kbd> / <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>PageUp</kbd>  | <kbd>Fn</kbd> + <kbd>←</kbd>        | Navigate to the first page.            |
+| <kbd>End</kbd> / <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>PageDown</kbd> | <kbd>Fn</kbd> + <kbd>→</kbd>        | Navigate to the last page.             |
 
 <b>Focus Elements</b>
 
-| Windows  | MAC | Actions |
-|-----|----- | -----|
-| <kbd>Home</kbd> | <kbd>Fn</kbd> + <kbd>←</kbd> | Moves the focus to the first cell of the focused row.|
-| <kbd>End</kbd> | <kbd>Fn</kbd> + <kbd>→</kbd> | Moves the focus to the last cell of the focused row.|
-| <kbd>Ctrl</kbd> + <kbd>Home</kbd> | <kbd>⌘</kbd> + <kbd>Fn</kbd> + <kbd>←</kbd> | Moves the focus to the first Cell of the first row in the Grid.|
-| <kbd>Ctrl</kbd> + <kbd>End</kbd> | <kbd>⌘</kbd> + <kbd>Fn</kbd> + <kbd>→</kbd> | Moves the focus to the last Cell of the last row in the Grid.|
-| <kbd>↑</kbd> | <kbd>↑</kbd> | Moves the cell focus upward from the focused cell.|
-| <kbd>↓</kbd> | <kbd>↓</kbd> |  Moves the cell focus downward from the focused cell.|
-| <kbd>→</kbd> | <kbd>→</kbd> | Moves the cell focus right side from the focused cell.|
-| <kbd>←</kbd> | <kbd>←</kbd> |  Moves the cell focus left side from the focused cell.|
-| <kbd>Alt</kbd> + <kbd>J</kbd> | <kbd>⌥</kbd> + <kbd>J</kbd> | Moves the focus to the entire Grid.|
-| <kbd>Alt</kbd> + <kbd>W</kbd> | <kbd>⌥</kbd> + <kbd>W</kbd> | Move the focus to the Grid content element.|
+| Windows                           | Mac                                         | Actions                                                    |
+|-----------------------------------|---------------------------------------------|------------------------------------------------------------|
+| <kbd>Home</kbd>                   | <kbd>Fn</kbd> + <kbd>←</kbd>                | Move focus to the first cell of the focused row.           |
+| <kbd>End</kbd>                    | <kbd>Fn</kbd> + <kbd>→</kbd>                | Move focus to the last cell of the focused row.            |
+| <kbd>Ctrl</kbd> + <kbd>Home</kbd> | <kbd>⌘</kbd> + <kbd>Fn</kbd> + <kbd>←</kbd> | Move focus to the first cell of the first row in the Grid. |
+| <kbd>Ctrl</kbd> + <kbd>End</kbd>  | <kbd>⌘</kbd> + <kbd>Fn</kbd> + <kbd>→</kbd> | Move focus to the last cell of the last row in the Grid.   |
+| <kbd>↑</kbd>                      | <kbd>↑</kbd>                                | Move the cell focus up from the focused cell.              |
+| <kbd>↓</kbd>                      | <kbd>↓</kbd>                                | Move the cell focus down from the focused cell.            |
+| <kbd>→</kbd>                      | <kbd>→</kbd>                                | Move the cell focus right from the focused cell.           |
+| <kbd>←</kbd>                      | <kbd>←</kbd>                                | Move the cell focus left from the focused cell.            |
+| <kbd>Alt</kbd> + <kbd>J</kbd>     | <kbd>⌥</kbd> + <kbd>J</kbd>                 | Move focus to the Grid.                                    |
+| <kbd>Alt</kbd> + <kbd>W</kbd>     | <kbd>⌥</kbd> + <kbd>W</kbd>                 | Move focus to the Grid content element.                    |
 
 <b>Selection</b>
 
-| Windows  | MAC | Actions |
-| -----|----- | ----- |
-| <kbd>↑</kbd> | <kbd>↑</kbd> | Moves up a row/cell selection from the selected row/cell. |
-| <kbd>↓</kbd> | <kbd>↓</kbd> | Moves down a row/cell selection from the selected row/cell. |
-| <kbd>→</kbd> | <kbd>→</kbd> | Moves to the right cell selection from the selected cell. |
-| <kbd>←</kbd> | <kbd>←</kbd> | Moves to the left cell selection from the selected cell. |
-| <kbd>Shift</kbd> + <kbd>↑</kbd> | <kbd>⇧</kbd> + <kbd>↑</kbd> | Extends the row/cell selection upwards from the selected row/cell. |
-| <kbd>Shift</kbd> + <kbd>↓</kbd> | <kbd>⇧</kbd> + <kbd>↓</kbd> | Extends the row/cell selection downwards from the selected row/cell. |
-| <kbd>Shift</kbd> + <kbd>→</kbd> | <kbd>⇧</kbd> + <kbd>→</kbd> | Extends the cell selection to the right side from the selected cell. |
-| <kbd>Shift</kbd> + <kbd>←</kbd> | <kbd>⇧</kbd> + <kbd>←</kbd> | Extends the cell selection to the left side from the selected cell. |
-| <kbd>Enter</kbd> | <kbd>Enter</kbd> | Moves the row/cell selection downward from the selected cell/row. |
-| <kbd>Shift</kbd> + <kbd>Enter</kbd> | <kbd>⇧</kbd> + <kbd>Enter</kbd> | Moves the row/cell selection upward. |
-| <kbd>Esc</kbd> | <kbd>Esc</kbd> | Deselects all the selected row/cells. |
-| <kbd>Ctrl</kbd> + <kbd>A</kbd> | <kbd>⌘</kbd> + <kbd>A</kbd> | Select all the row/cells in the current page. |
+| Windows                             | Mac                             | Actions                                    |
+|-------------------------------------|---------------------------------|--------------------------------------------|
+| <kbd>↑</kbd>                        | <kbd>↑</kbd>                    | Move the row/cell selection up.            |
+| <kbd>↓</kbd>                        | <kbd>↓</kbd>                    | Move the row/cell selection down.          |
+| <kbd>→</kbd>                        | <kbd>→</kbd>                    | Move the cell selection right.             |
+| <kbd>←</kbd>                        | <kbd>←</kbd>                    | Move the cell selection left.              |
+| <kbd>Shift</kbd> + <kbd>↑</kbd>     | <kbd>⇧</kbd> + <kbd>↑</kbd>     | Extend the row/cell selection upward.      |
+| <kbd>Shift</kbd> + <kbd>↓</kbd>     | <kbd>⇧</kbd> + <kbd>↓</kbd>     | Extend the row/cell selection downward.    |
+| <kbd>Shift</kbd> + <kbd>→</kbd>     | <kbd>⇧</kbd> + <kbd>→</kbd>     | Extend the cell selection to the right.    |
+| <kbd>Shift</kbd> + <kbd>←</kbd>     | <kbd>⇧</kbd> + <kbd>←</kbd>     | Extend the cell selection to the left.     |
+| <kbd>Enter</kbd>                    | <kbd>Enter</kbd>                | Move the row/cell selection down.          |
+| <kbd>Shift</kbd> + <kbd>Enter</kbd> | <kbd>⇧</kbd> + <kbd>Enter</kbd> | Move the row/cell selection up.            |
+| <kbd>Esc</kbd>                      | <kbd>Esc</kbd>                  | Deselect all selected rows/cells.          |
+| <kbd>Ctrl</kbd> + <kbd>A</kbd>      | <kbd>⌘</kbd> + <kbd>A</kbd>     | Select all rows/cells on the current page. |
 
 <b>Grouping</b>
 
-| Windows | MAC | Actions |
-|-----|----- | -----|
-| <kbd>Ctrl</kbd> + <kbd>↑</kbd> | <kbd>⌘</kbd> + <kbd>↑</kbd> | Collapses all the visible groups. |
-| <kbd>Ctrl</kbd> + <kbd>↓</kbd> | <kbd>⌘</kbd> + <kbd>↓</kbd> | Expands all the visible groups. |
-| <kbd>Ctrl</kbd> + <kbd>Space</kbd> | <kbd>⌘</kbd> + <kbd>Space</kbd> | Performs grouping when focused on a header element. |
-| <kbd>Alt</kbd> + <kbd>↑</kbd> | <kbd>⌥</kbd> + <kbd>↑</kbd> | Collapses the selected group. |
-| <kbd>Alt</kbd> + <kbd>↓</kbd> | <kbd>⌥</kbd> + <kbd>↓</kbd> | Expands the selected group. |
+| Windows                            | Mac                             | Actions                             |
+|------------------------------------|---------------------------------|-------------------------------------|
+| <kbd>Ctrl</kbd> + <kbd>↑</kbd>     | <kbd>⌘</kbd> + <kbd>↑</kbd>     | Collapse all visible groups.        |
+| <kbd>Ctrl</kbd> + <kbd>↓</kbd>     | <kbd>⌘</kbd> + <kbd>↓</kbd>     | Expand all visible groups.          |
+| <kbd>Ctrl</kbd> + <kbd>Space</kbd> | <kbd>⌘</kbd> + <kbd>Space</kbd> | Group by the focused header column. |
+| <kbd>Alt</kbd> + <kbd>↑</kbd>      | <kbd>⌥</kbd> + <kbd>↑</kbd>     | Collapse the selected group.        |
+| <kbd>Alt</kbd> + <kbd>↓</kbd>      | <kbd>⌥</kbd> + <kbd>↓</kbd>     | Expand the selected group.          |
 
 <b>Print</b>
 
-| Windows | MAC | Actions |
-|-----|----- | -----|
-| <kbd>Ctrl</kbd> + <kbd>P</kbd> | <kbd>⌘</kbd> + <kbd>P</kbd> | Prints the Grid. |
+| Windows                        | Mac                         | Actions         |
+|--------------------------------|-----------------------------|-----------------|
+| <kbd>Ctrl</kbd> + <kbd>P</kbd> | <kbd>⌘</kbd> + <kbd>P</kbd> | Print the Grid. |
 
 <b>Clipboard</b>
 
-| Windows | MAC | Actions |
-|-----|----- | -----|
-| <kbd>Ctrl</kbd> + <kbd>C</kbd> | <kbd>⌘</kbd> + <kbd>C</kbd> | Copies selected rows or cells data into the clipboard. |
-| <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 |
+| Windows                                           | Mac                                        | Actions                                                    |
+|---------------------------------------------------|--------------------------------------------|------------------------------------------------------------|
+| <kbd>Ctrl</kbd> + <kbd>C</kbd>                    | <kbd>⌘</kbd> + <kbd>C</kbd>                | Copy selected rows or cells to the clipboard.              |
+| <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>H</kbd> | <kbd>⌘</kbd> + <kbd>⇧</kbd> + <kbd>H</kbd> | Copy selected rows or cells with headers to the clipboard. |
 
 <b>Editing</b>
 
-| Windows | MAC | Actions |
-|-----|----- | -----|
-| <kbd>F2</kbd> | <kbd>F2</kbd> | Starts editing of selected row if Mode is Normal/Dialog or Starts editing of selected cell if Mode is Batch. |
-| <kbd>Enter</kbd> | <kbd>Enter</kbd> | Saves the current form it the Mode is Normal or Dialog / Saves the current cell and starts editing the next row cell if Mode is Batch. |
-| <kbd>Insert</kbd> | <kbd>⌥</kbd> + <kbd>Enter</kbd> | Creates a new add form depending on the NewRowPosition. |
-| <kbd>Delete</kbd> | <kbd>Delete</kbd> | Deletes the current selected record. |
-| <kbd>Tab</kbd> | <kbd>Tab</kbd> | Navigates to the next editable cell if the Mode is Normal or Dialog / Saves the current cell and starts editing the next cell is Mode is Batch. |
-| <kbd>Shift</kbd> + <kbd>Tab</kbd> | <kbd>⇧</kbd> + <kbd>Tab</kbd> | Navigates to the previous editable cell if the Mode is Normal or Dialog / Saves the current cell and starts editing the previous cell is Mode is Batch. |
-| <kbd>Shift</kbd> + <kbd>Enter</kbd> | <kbd>⇧</kbd> + <kbd>Enter</kbd> | Saves the current cell and starts editing the previous row cell if Mode is Batch. |
+| Windows                             | Mac                             | Actions                                                                                                                      |
+|-------------------------------------|---------------------------------|------------------------------------------------------------------------------------------------------------------------------|
+| <kbd>F2</kbd>                       | <kbd>F2</kbd>                   | Start editing the selected row (Normal/Dialog) or the selected cell (Batch).                                                 |
+| <kbd>Enter</kbd>                    | <kbd>Enter</kbd>                | Save the form (Normal/Dialog) or save the current cell and start editing the next row cell (Batch).                          |
+| <kbd>Insert</kbd>                   | <kbd>⌥</kbd> + <kbd>Enter</kbd> | Create a new add form based on the NewRowPosition.                                                                           |
+| <kbd>Delete</kbd>                   | <kbd>Delete</kbd>               | Delete the selected record.                                                                                                  |
+| <kbd>Tab</kbd>                      | <kbd>Tab</kbd>                  | Navigate to the next editable cell (Normal/Dialog) or save the current cell and start editing the next cell (Batch).         |
+| <kbd>Shift</kbd> + <kbd>Tab</kbd>   | <kbd>⇧</kbd> + <kbd>Tab</kbd>   | Navigate to the previous editable cell (Normal/Dialog) or save the current cell and start editing the previous cell (Batch). |
+| <kbd>Shift</kbd> + <kbd>Enter</kbd> | <kbd>⇧</kbd> + <kbd>Enter</kbd> | Save the current cell and start editing the previous row cell (Batch).                                                       |
 
 <b>Filtering</b>
 
-| Windows | MAC | Actions |
-| ----- | ----- | ----- |
-| <kbd>Alt</kbd> + <kbd>↓</kbd> | <kbd>⌥</kbd> + <kbd>↓</kbd> | Opens the filter menu(excel, menu and checkbox filter) when its header element is in focused state. |
+| Windows                       | Mac                         | Actions                                                                     |
+|-------------------------------|-----------------------------|-----------------------------------------------------------------------------|
+| <kbd>Alt</kbd> + <kbd>↓</kbd> | <kbd>⌥</kbd> + <kbd>↓</kbd> | Open the filter menu (Excel, menu, or checkbox) when its header is focused. |
 
 <b>Column Menu</b>
 
-| Windows | MAC | Actions |
-| ----- | ----- | ----- |
-| <kbd>Alt</kbd> + <kbd>↓</kbd> | <kbd>Alt</kbd> + <kbd>↓</kbd> | Opens column menu when its header element is in focused state. |
+| Windows                       | Mac                           | Actions                                          |
+|-------------------------------|-------------------------------|--------------------------------------------------|
+| <kbd>Alt</kbd> + <kbd>↓</kbd> | <kbd>Alt</kbd> + <kbd>↓</kbd> | Open the column menu when its header is focused. |
 
 <b>Reordering</b>
 
-| Windows | MAC | Actions |
+| Windows | Mac | Actions |
 | ----- | ----- | ----- |
-| <kbd>Ctrl</kbd> + <kbd>←</kbd> / <kbd>→</kbd> | <kbd>⌘</kbd> + <kbd>←</kbd> / <kbd>→</kbd> | Reorders the focused header column to the left or right side. |
+| <kbd>Ctrl</kbd> + <kbd>←</kbd> / <kbd>→</kbd> | <kbd>⌘</kbd> + <kbd>←</kbd> / <kbd>→</kbd> | Reorder the focused header column to the left or right. |
 
 <b>Sorting</b>
 
-| Windows | MAC | Actions |
-| ----- | ----- | ----- |
-| <kbd>Enter</kbd> | <kbd>Enter</kbd> | Performs sorting(ascending/descending) on a column when its header element is in focused state. |
-| <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. |
-| <kbd>Shift</kbd> + <kbd>Enter</kbd> | <kbd>⇧</kbd> + <kbd>Enter</kbd> | Clears sorting for the focused header column. |
-
+| Windows                                       | Mac                                        | Actions                                                 |
+|-----------------------------------------------|--------------------------------------------|---------------------------------------------------------|
+| <kbd>Ctrl</kbd> + <kbd>←</kbd> / <kbd>→</kbd> | <kbd>⌘</kbd> + <kbd>←</kbd> / <kbd>→</kbd> | Reorder the focused header column to the left or right. |
 <br>
 
-> * The <kbd>Command</kbd> and <kbd>Control</kbd> keys on Mac devices can be interchanged. When this switch occurs, use the <kbd>Command</kbd> key in place of the <kbd>Control</kbd> key and the <kbd>Control</kbd> key in place of the <kbd>Command</kbd> key for the above listed key interactions with Mac devices. For example, after switching the keys to group the columns when the header element is focused use <kbd>Command + Space</kbd> and for expanding the visible groups use <kbd>Ctrl + Down Arrow</kbd>.
+<<<<<<< HEAD
+> On Mac devices, the <kbd>Command</kbd> and <kbd>Control</kbd> keys can be interchanged based on system settings. When this switch is active, use the <kbd>Command</kbd> key in place of <kbd>Control</kbd>, and <kbd>Control</kbd> in place of <kbd>Command</kbd> for keyboard interactions.
+For example:
+
+- To group columns when a header is focused, use <kbd>Command + Space</kbd>.
+- To expand visible groups, use <kbd>Ctrl + Down Arrow</kbd>.
+
+## Ensuring accessibility
+
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid is validated for accessibility using [axe-core](https://www.nuget.org/packages/Deque.AxeCore.Playwright) integrated with Playwright tests.
+Accessibility compliance can be evaluated using the interactive [sample](https://blazor.syncfusion.com/accessibility/datagrid), which demonstrates the Grid's behavior with accessibility tools and validation steps.
+=======
+> The <kbd>Command</kbd> and <kbd>Control</kbd> keys on Mac devices can be interchanged. When this switch occurs, use the <kbd>Command</kbd> key in place of the <kbd>Control</kbd> key and the <kbd>Control</kbd> key in place of the <kbd>Command</kbd> key for the above key interactions. For example, after switching the keys, to group columns when a header is focused, use <kbd>Command + Space</kbd>, and to expand visible groups use <kbd>Ctrl + Down Arrow</kbd>.
 
 ## Ensuring accessibility
 
-The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid's accessibility levels are ensured through an [axe-core](https://www.nuget.org/packages/Deque.AxeCore.Playwright) with playwright tests.
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid’s accessibility is validated using [axe-core](https://www.nuget.org/packages/Deque.AxeCore.Playwright) with Playwright tests.
 
-The accessibility compliance of the Grid is shown in the following sample. Open the [sample](https://blazor.syncfusion.com/accessibility/datagrid) in a new window to evaluate the accessibility of the Grid with accessibility tools.
+The accessibility compliance of the Grid is demonstrated in the following sample. Open the [sample](https://blazor.syncfusion.com/accessibility/datagrid) in a new window to evaluate the Grid with accessibility tools.
+>>>>>>> 39e5f0bbcd45c94c50848d0fddc8e46bd8345a84
 
 ## See also
 
-* [Accessibility in Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor](https://blazor.syncfusion.com/documentation/common/accessibility)
+* [Accessibility in Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor](https://blazor.syncfusion.com/documentation/common/accessibility)
\ No newline at end of file