add aria-rowindex to header row

Author: Lukas742

packages/main/src/components/AnalyticalTable/TableBody/VirtualTableBody.tsx

@@ -152,7 +152,7 @@ export const VirtualTableBody = (props: VirtualTableBodyProps) => {
         }
         prepareRow(row);
         const { key, ...rowProps } = row.getRowProps({
-          'aria-rowindex': virtualRow.index + 1,
+          'aria-rowindex': virtualRow.index + 2,
           'data-virtual-row-index': virtualRow.index,
         });
         const isNavigatedCell = typeof markNavigatedRow === 'function' ? markNavigatedRow(row) : false;

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

@@ -121,24 +121,29 @@ const setHeaderProps = (
   }
 
   if (column.id === '__ui5wcr__internal_selection_column') {
-    updatedProps['aria-label'] += translatableTexts.selectionHeaderCellText;
+    updatedProps['aria-label'] += ' ' + translatableTexts.selectionHeaderCellText;
   }
 
   if (column.id === '__ui5wcr__internal_highlight_column') {
-    updatedProps['aria-label'] += translatableTexts.highlightHeaderCellText;
+    updatedProps['aria-label'] += ' ' + translatableTexts.highlightHeaderCellText;
   }
 
   if (column.id === '__ui5wcr__internal_navigation_column') {
-    updatedProps['aria-label'] += translatableTexts.navigationHeaderCellText;
+    updatedProps['aria-label'] += ' ' + translatableTexts.navigationHeaderCellText;
   }
 
   updatedProps['aria-label'] ||= undefined;
 
   return [headerProps, { isFiltered, ...updatedProps }];
 };
 
+const setHeaderGroupProps = (props) => {
+  return [props, { 'aria-rowindex': 1 }];
+};
+
 export const useA11y = (hooks: ReactTableHooks) => {
   hooks.getCellProps.push(setCellProps);
   hooks.getHeaderProps.push(setHeaderProps);
+  hooks.getHeaderGroupProps.push(setHeaderGroupProps);
 };
 useA11y.pluginName = 'useA11y';