Address @elastic/eui/require-table-caption lint violations across @elastic/kibana-presentation files (#245661)

alexwizp · alexwizp · commit cf716b00d606 · 2025-12-12T21:56:52.000+02:00
> [!CAUTION] > ⚠️ **Changes / translations were made by GenAI**. I’ve reviewed them carefully, but your code owners’ expert eyes will ensure they’re 100% right. ## Summary This PR applies the auto-fix for the newly introduced `@elastic/eui/require-table-caption`. This rule ensure `EuiInMemoryTable`, `EuiBasicTable` have a `tableCaption` prop for accessibility. ## Changes 1. 🎯 Added missing `tableCaption` attributes to elements flagged by `@elastic/eui/require-table-caption` — accessibility leveled up! ## Related - elastic/eui#9168 This time, to avoid annoying approvals collection, we've broken files down by teams. Now, we are waiting a review only from your team! (cherry picked from commit b9aa07a) # Conflicts: # x-pack/platform/plugins/private/canvas/public/components/home/my_workpads/workpad_table.component.tsx
diff --git a/src/platform/plugins/shared/inspector/public/views/requests/components/details/clusters_view/clusters_table/clusters_table.tsx b/src/platform/plugins/shared/inspector/public/views/requests/components/details/clusters_view/clusters_table/clusters_table.tsx
@@ -135,6 +135,9 @@ export function ClustersTable({ clusters }: Props) {
 
   return (
     <EuiBasicTable
+      tableCaption={i18n.translate('inspector.requests.clusters.table.caption', {
+        defaultMessage: 'Cluster details',
+      })}
       items={
         sortField
           ? items.sort(Comparators.property(sortField, Comparators.default(sortDirection)))
diff --git a/src/platform/plugins/shared/inspector/public/views/requests/components/details/clusters_view/clusters_table/shards_view/shard_failure_table.tsx b/src/platform/plugins/shared/inspector/public/views/requests/components/details/clusters_view/clusters_table/shards_view/shard_failure_table.tsx
@@ -102,6 +102,9 @@ export function ShardFailureTable({ failures }: Props) {
 
   return (
     <EuiBasicTable
+      tableCaption={i18n.translate('inspector.requests.clusters.shards.table.caption', {
+        defaultMessage: 'Shard failures',
+      })}
       items={failures.map((failure) => {
         return {
           rowId: getRowId(failure),
diff --git a/x-pack/platform/plugins/private/canvas/public/components/home/my_workpads/workpad_table.component.tsx b/x-pack/platform/plugins/private/canvas/public/components/home/my_workpads/workpad_table.component.tsx
@@ -141,6 +141,7 @@ export const WorkpadTable = ({
       items={workpads}
       columns={columns}
       message={strings.getNoWorkpadsFoundMessage()}
+      tableCaption={strings.getTableCaption()}
       search={search}
       sorting={{
         sort: {
@@ -183,6 +184,10 @@ const strings = {
     i18n.translate('xpack.canvas.workpadTable.searchPlaceholder', {
       defaultMessage: 'Find workpad',
     }),
+  getTableCaption: () =>
+    i18n.translate('xpack.canvas.workpadTable.table.caption', {
+      defaultMessage: 'Canvas workpads list',
+    }),
   getTableCreatedColumnTitle: () =>
     i18n.translate('xpack.canvas.workpadTable.table.createdColumnTitle', {
       defaultMessage: 'Created',
diff --git a/x-pack/platform/plugins/private/canvas/public/components/home/workpad_templates/workpad_templates.component.tsx b/x-pack/platform/plugins/private/canvas/public/components/home/workpad_templates/workpad_templates.component.tsx
@@ -111,6 +111,7 @@ export const WorkpadTemplates = ({ templates, onCreateWorkpad }: Props) => {
       }}
       pagination={true}
       data-test-subj="canvasTemplatesTable"
+      tableCaption={strings.getTableCaption()}
     />
   );
 };
@@ -123,6 +124,10 @@ const strings = {
         templateName,
       },
     }),
+  getTableCaption: () =>
+    i18n.translate('xpack.canvas.workpadTemplates.table.caption', {
+      defaultMessage: 'Workpad templates',
+    }),
   getTableDescriptionColumnTitle: () =>
     i18n.translate('xpack.canvas.workpadTemplates.table.descriptionColumnTitle', {
       defaultMessage: 'Description',
diff --git a/x-pack/platform/plugins/private/canvas/public/components/var_config/var_config.tsx b/x-pack/platform/plugins/private/canvas/public/components/var_config/var_config.tsx
@@ -95,6 +95,10 @@ const strings = {
     i18n.translate('xpack.canvas.varConfig.titleTooltip', {
       defaultMessage: 'Add variables to store and edit common values',
     }),
+  getTableCaption: () =>
+    i18n.translate('xpack.canvas.varConfig.tableCaption', {
+      defaultMessage: 'Canvas variables list',
+    }),
 };
 
 export const VarConfig: FC<Props> = ({
@@ -219,6 +223,7 @@ export const VarConfig: FC<Props> = ({
                 pagination={false}
                 sorting={true}
                 compressed
+                tableCaption={strings.getTableCaption()}
               />
             </div>
           )}
