fix(AnalyticalTable): replace role cell with gridcell (#5080)

Fixes #5074

Author: Lukas742

packages/main/src/components/AnalyticalTable/AnalyticalTable.cy.tsx

@@ -559,19 +559,19 @@ describe('AnalyticalTable', () => {
     cy.mount(<TestComponent />);
 
     cy.findAllByRole('columnheader').invoke('outerHeight').should('equal', 44);
-    cy.findAllByRole('cell').invoke('outerHeight').should('equal', 44);
+    cy.findAllByRole('gridcell').invoke('outerHeight').should('equal', 44);
 
     cy.findByTestId('rowHeight').typeIntoUi5Input('100');
     cy.findAllByRole('columnheader').invoke('outerHeight').should('equal', 100);
-    cy.findAllByRole('cell').invoke('outerHeight').should('equal', 100);
+    cy.findAllByRole('gridcell').invoke('outerHeight').should('equal', 100);
 
     cy.findByTestId('headerRowHeight').typeIntoUi5Input('200');
     cy.findAllByRole('columnheader').invoke('outerHeight').should('equal', 200);
-    cy.findAllByRole('cell').invoke('outerHeight').should('equal', 100);
+    cy.findAllByRole('gridcell').invoke('outerHeight').should('equal', 100);
 
     cy.findByTestId('headerRowHeight').typeIntoUi5Input('{selectall}{backspace}');
     cy.findAllByRole('columnheader').invoke('outerHeight').should('equal', 100);
-    cy.findAllByRole('cell').invoke('outerHeight').should('equal', 100);
+    cy.findAllByRole('gridcell').invoke('outerHeight').should('equal', 100);
   });
 
   it('GroupBy selection', () => {

packages/main/src/components/AnalyticalTable/hooks/useA11y.ts

@@ -6,14 +6,15 @@ interface UpdatedCellProptypes {
   'aria-expanded'?: string | boolean;
   'aria-label'?: string;
   'aria-colindex'?: number;
+  role?: string;
 }
 
 const setCellProps = (cellProps, { cell, instance }) => {
   const { column, row, value } = cell;
   const columnIndex = instance.visibleColumns.findIndex(({ id }) => id === column.id);
   const { alwaysShowSubComponent, renderRowSubComponent, translatableTexts, selectionMode, selectionBehavior } =
     instance.webComponentsReactProperties;
-  const updatedCellProps: UpdatedCellProptypes = { 'aria-colindex': columnIndex + 1 }; // aria index is 1 based, not 0
+  const updatedCellProps: UpdatedCellProptypes = { 'aria-colindex': columnIndex + 1, role: 'gridcell' }; // aria index is 1 based, not 0
 
   const RowSubComponent = typeof renderRowSubComponent === 'function' ? renderRowSubComponent(row) : undefined;
   const rowIsExpandable = row.canExpand || (RowSubComponent && !alwaysShowSubComponent);