Lighthouse test correction

Author: KonradPietocha

src/shared/components/GenericList/Pagination/Pagination.js

@@ -110,7 +110,6 @@ export const Pagination = ({
           isInteractable={currentPage !== 1}
           onClick={() => onChangePage(1)}
           accessibleName="First page"
-          accesskey="first-page-link"
         >
           <Icon
             accessibleName="first page icon"
@@ -123,7 +122,6 @@ export const Pagination = ({
           isInteractable={currentPage !== 1}
           onClick={() => onChangePage(currentPage - 1)}
           accessibleName="Previous page"
-          accesskey="previous-page-link"
         >
           <Icon
             accessibleName="previous page icon"
@@ -172,7 +170,6 @@ export const Pagination = ({
           isInteractable={currentPage !== pagesCount}
           onClick={() => onChangePage(currentPage + 1)}
           accessibleName="Next page"
-          accesskey="next-page-link"
         >
           <Icon
             accessibleName="next page icon"
@@ -185,7 +182,6 @@ export const Pagination = ({
           isInteractable={currentPage !== pagesCount}
           onClick={() => onChangePage(pagesCount)}
           accessibleName="Last page"
-          accesskey="last-page-link"
         >
           <Icon
             accessibleName="last page icon"

src/shared/components/GenericList/components.js

@@ -15,9 +15,9 @@ import {
 import ListActions from 'shared/components/ListActions/ListActions';
 
 export const BodyFallback = ({ children }) => (
-  <TableCell slot="noData" style={{ width: '100%' }}>
+  <div slot="noData" style={{ width: '100%' }}>
     <div className="body-fallback">{children}</div>
-  </TableCell>
+  </div>
 );
 
 export const HeaderRenderer = ({
@@ -41,7 +41,6 @@ export const HeaderRenderer = ({
         importance={0}
         popinHidden={true}
         key="actions-column"
-        scope="col"
         aria-label="actions-column"
         minWidth={`${30 * actions.length}px`}
       >
@@ -78,7 +77,6 @@ export const HeaderRenderer = ({
         {headerRenderer()?.map((h, index) => {
           return (
             <TableHeaderCell
-              scope="col"
               key={`${typeof h === 'object' ? index : h}-column`}
               popinText={h === 'Popin' ? t('common.headers.specification') : h}
               popinHidden={h !== 'Popin' && !noHideFields?.includes(h)}

src/shared/components/PodTemplate/components.js

@@ -29,7 +29,7 @@ function PodTemplateTable({ className, items, columns, rowRenderer }) {
       headerRow={
         <TableHeaderRow style={{ width: '50%' }}>
           {columns.map(column => (
-            <TableHeaderCell scope="col" key={column}>
+            <TableHeaderCell key={column}>
               <Title level="H5">{column}</Title>
             </TableHeaderCell>
           ))}