From df2264fe7094dd381aab2176dc6f4ca827a2b5b8 Mon Sep 17 00:00:00 2001
From: Robert Stelmach <robert.stelmach@elastic.co>
Date: Fri, 27 Jun 2025 16:30:02 +0200
Subject: [PATCH 1/8] make Documents & Retention columns keyboard accessible.
 Improve voiceover for streams table

---
 .../stream_list_view/documents_column.tsx     | 126 ++++++++++++++----
 .../stream_list_view/retention_column.tsx     |  73 +++++++++-
 .../stream_list_view/tree_table.tsx           |  72 +++++++++-
 3 files changed, 232 insertions(+), 39 deletions(-)

diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx
index 286eac753d0f8..0efb57f143c12 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx
@@ -59,6 +59,12 @@ export function DocumentsColumn({
           white-space: nowrap;
           padding-right: ${euiTheme.size.xl};
         `}
+        role="status"
+        aria-live="polite"
+        aria-label={i18n.translate('xpack.streams.documentsColumn.loadingAriaLabel', {
+          defaultMessage: 'Loading document count and chart data for {indexPattern}',
+          values: { indexPattern },
+        })}
       >
         <EuiFlexGroup>
           <EuiFlexItem
@@ -81,7 +87,7 @@ export function DocumentsColumn({
         </EuiFlexGroup>
       </EuiFlexGroup>
     ),
-    [euiTheme]
+    [euiTheme, indexPattern]
   );
 
   const { timeState } = useTimefilter();
@@ -130,6 +136,29 @@ export function DocumentsColumn({
 
   const xFormatter = niceTimeFormatter([timeState.start, timeState.end]);
 
+  const chartDescription = React.useMemo(() => {
+    if (!hasData) {
+      return i18n.translate('xpack.streams.documentsColumn.noDataDescription', {
+        defaultMessage: 'No document data available for {indexPattern}',
+        values: { indexPattern },
+      });
+    }
+
+    const timeRange = i18n.translate('xpack.streams.documentsColumn.timeRangeDescription', {
+      defaultMessage: 'from {start} to {end}',
+      values: {
+        start: xFormatter(timeState.start),
+        end: xFormatter(timeState.end),
+      },
+    });
+
+    return i18n.translate('xpack.streams.documentsColumn.chartDescription', {
+      defaultMessage:
+        'Document count chart for {indexPattern} showing {docCount} total documents {timeRange}',
+      values: { indexPattern, docCount, timeRange },
+    });
+  }, [hasData, indexPattern, docCount, xFormatter, timeState.start, timeState.end]);
+
   return (
     <EuiFlexGroup
       alignItems="center"
@@ -138,6 +167,11 @@ export function DocumentsColumn({
         height: ${euiTheme.size.xl};
         white-space: nowrap;
       `}
+      tabIndex={0}
+      aria-label={i18n.translate('xpack.streams.documentsColumn.cellAriaLabel', {
+        defaultMessage: 'Documents column for {indexPattern}',
+        values: { indexPattern },
+      })}
     >
       {histogramQueryFetch.loading ? (
         <LoadingPlaceholder />
@@ -150,11 +184,25 @@ export function DocumentsColumn({
             `}
           >
             {hasData ? (
-              <EuiI18nNumber value={docCount} />
+              <span
+                aria-label={i18n.translate('xpack.streams.documentsColumn.documentCountAriaLabel', {
+                  defaultMessage: '{docCount} documents in {indexPattern}',
+                  values: { docCount, indexPattern },
+                })}
+              >
+                <EuiI18nNumber value={docCount} />
+              </span>
             ) : (
-              i18n.translate('xpack.streams.documentsColumn.noDataLabel', {
-                defaultMessage: 'N/A',
-              })
+              <span
+                aria-label={i18n.translate('xpack.streams.documentsColumn.noDataAriaLabel', {
+                  defaultMessage: 'No document data available for {indexPattern}',
+                  values: { indexPattern },
+                })}
+              >
+                {i18n.translate('xpack.streams.documentsColumn.noDataLabel', {
+                  defaultMessage: 'N/A',
+                })}
+              </span>
             )}
           </EuiFlexItem>
           <EuiFlexItem
@@ -167,32 +215,52 @@ export function DocumentsColumn({
             `}
           >
             {hasData ? (
-              <Chart size={{ width: '100%', height: euiTheme.size.l }}>
-                <Settings
-                  locale={i18n.getLocale()}
-                  baseTheme={chartBaseTheme}
-                  theme={{ background: { color: 'transparent' } }}
-                  xDomain={{ min: timeState.start, max: timeState.end, minInterval }}
-                  noResults={<div />}
-                />
-                <Tooltip
-                  stickTo={TooltipStickTo.Middle}
-                  headerFormatter={({ value }) => xFormatter(value)}
-                />
-                {allTimeseries.map((serie) => (
-                  <BarSeries
-                    key={serie.id}
-                    id={serie.id}
-                    xScaleType={ScaleType.Time}
-                    yScaleType={ScaleType.Linear}
-                    xAccessor="x"
-                    yAccessors={['doc_count']}
-                    data={serie.data}
+              <div
+                role="img"
+                aria-label={chartDescription}
+                tabIndex={0}
+                className={css`
+                  width: 100%;
+                  &:focus {
+                    outline: 2px solid ${euiTheme.colors.primary};
+                    outline-offset: 2px;
+                  }
+                `}
+              >
+                <Chart size={{ width: '100%', height: euiTheme.size.l }}>
+                  <Settings
+                    locale={i18n.getLocale()}
+                    baseTheme={chartBaseTheme}
+                    theme={{ background: { color: 'transparent' } }}
+                    xDomain={{ min: timeState.start, max: timeState.end, minInterval }}
+                    noResults={<div />}
+                    ariaLabel={chartDescription}
+                  />
+                  <Tooltip
+                    stickTo={TooltipStickTo.Middle}
+                    headerFormatter={({ value }) => xFormatter(value)}
                   />
-                ))}
-              </Chart>
+                  {allTimeseries.map((serie) => (
+                    <BarSeries
+                      key={serie.id}
+                      id={serie.id}
+                      xScaleType={ScaleType.Time}
+                      yScaleType={ScaleType.Linear}
+                      xAccessor="x"
+                      yAccessors={['doc_count']}
+                      data={serie.data}
+                    />
+                  ))}
+                </Chart>
+              </div>
             ) : (
-              <EuiIcon type="visLine" size="m" />
+              <EuiIcon
+                type="visLine"
+                size="m"
+                aria-label={i18n.translate('xpack.streams.documentsColumn.noDataIconAriaLabel', {
+                  defaultMessage: 'No chart data available',
+                })}
+              />
             )}
           </EuiFlexItem>
         </>
diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx
index 3fa4b72921a32..6d5a86025b79f 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx
@@ -26,12 +26,32 @@ export function RetentionColumn({ lifecycle }: { lifecycle: IngestStreamEffectiv
   const ilmLocator = share.url.locators.get<IlmLocatorParams>(ILM_LOCATOR_ID);
 
   if (isErrorLifecycle(lifecycle)) {
-    return <EuiBadge color="hollow">{lifecycle.error.message}</EuiBadge>;
+    return (
+      <EuiBadge
+        color="hollow"
+        aria-label={i18n.translate('xpack.streams.streamsRetentionColumn.errorBadgeAriaLabel', {
+          defaultMessage: 'Retention policy error: {message}',
+          values: { message: lifecycle.error.message },
+        })}
+        role="status"
+        aria-live="polite"
+      >
+        {lifecycle.error.message}
+      </EuiBadge>
+    );
   }
 
   if (isIlmLifecycle(lifecycle)) {
     return (
-      <EuiBadge color="hollow">
+      <EuiBadge
+        color="hollow"
+        tabIndex={0}
+        role="region"
+        aria-label={i18n.translate('xpack.streams.streamsRetentionColumn.ilmBadgeAriaLabel', {
+          defaultMessage: 'ILM retention policy: {name}',
+          values: { name: lifecycle.ilm.policy },
+        })}
+      >
         <EuiLink
           data-test-subj="streamsAppLifecycleBadgeIlmPolicyNameLink"
           color="text"
@@ -40,6 +60,11 @@ export function RetentionColumn({ lifecycle }: { lifecycle: IngestStreamEffectiv
             policyName: lifecycle.ilm.policy,
           })}
           target="_blank"
+          aria-label={i18n.translate('xpack.streams.streamsRetentionColumn.ilmLinkAriaLabel', {
+            defaultMessage: 'Edit ILM policy {name} (opens in new tab)',
+            values: { name: lifecycle.ilm.policy },
+          })}
+          aria-describedby="ilm-policy-description"
         >
           {i18n.translate('xpack.streams.streamsRetentionColumn.ilmBadgeLabel', {
             defaultMessage: 'ILM policy: {name}',
@@ -48,16 +73,56 @@ export function RetentionColumn({ lifecycle }: { lifecycle: IngestStreamEffectiv
             },
           })}
         </EuiLink>
+        <span id="ilm-policy-description" className="euiScreenReaderOnly">
+          {i18n.translate('xpack.streams.streamsRetentionColumn.ilmPolicyDescription', {
+            defaultMessage: 'Index Lifecycle Management policy that controls data retention',
+          })}
+        </span>
       </EuiBadge>
     );
   }
 
   if (isDslLifecycle(lifecycle)) {
-    return lifecycle.dsl.data_retention || <EuiIcon type="infinity" size="m" />;
+    const retentionValue = lifecycle.dsl.data_retention;
+
+    if (retentionValue) {
+      return (
+        <span
+          tabIndex={0}
+          aria-label={i18n.translate('xpack.streams.streamsRetentionColumn.dslRetentionAriaLabel', {
+            defaultMessage: 'Data retention period: {retention}',
+            values: { retention: retentionValue },
+          })}
+        >
+          {retentionValue}
+        </span>
+      );
+    }
+
+    return (
+      <EuiIcon
+        type="infinity"
+        size="m"
+        aria-label={i18n.translate(
+          'xpack.streams.streamsRetentionColumn.infiniteRetentionAriaLabel',
+          {
+            defaultMessage: 'Infinite retention - data is kept indefinitely',
+          }
+        )}
+        tabIndex={0}
+        role="img"
+      />
+    );
   }
 
   return (
-    <EuiText color="subdued">
+    <EuiText
+      color="subdued"
+      tabIndex={0}
+      aria-label={i18n.translate('xpack.streams.streamsRetentionColumn.noDataAriaLabel', {
+        defaultMessage: 'No retention policy configured',
+      })}
+    >
       {i18n.translate('xpack.streams.streamsRetentionColumn.noDataLabel', {
         defaultMessage: 'N/A',
       })}
diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx
index f00c0298d8ae2..e01c47d827417 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx
@@ -75,18 +75,37 @@ export function StreamsTreeTable({
               className={css`
                 margin-left: ${item.level * parseInt(euiTheme.size.xl, 10)}px;
               `}
+              aria-label={i18n.translate('xpack.streams.streamsTreeTable.nameColumnAriaLabel', {
+                defaultMessage: 'Stream name: {name}, level {level}',
+                values: { name: item.name, level: item.level },
+              })}
             >
               <EuiFlexItem grow={false}>
                 {item.children.length > 0 ? (
-                  <EuiIcon type="arrowDown" color="text" size="m" />
+                  <EuiIcon
+                    type="arrowDown"
+                    color="text"
+                    size="m"
+                    aria-label={i18n.translate(
+                      'xpack.streams.streamsTreeTable.expandedNodeAriaLabel',
+                      {
+                        defaultMessage: 'Expanded node with {childCount} children',
+                        values: { childCount: item.children.length },
+                      }
+                    )}
+                  />
                 ) : (
-                  <EuiIcon type="empty" color="text" size="m" />
+                  <EuiIcon type="empty" color="text" size="m" aria-hidden="true" />
                 )}
               </EuiFlexItem>
               <EuiFlexItem grow={false}>
                 <EuiLink
                   data-test-subj="streamsAppStreamNodeLink"
                   href={router.link('/{key}', { path: { key: item.name } })}
+                  aria-label={i18n.translate('xpack.streams.streamsTreeTable.streamLinkAriaLabel', {
+                    defaultMessage: 'View details for stream {name}',
+                    values: { name: item.name },
+                  })}
                 >
                   {item.name}
                 </EuiLink>
@@ -101,6 +120,15 @@ export function StreamsTreeTable({
               className={css`
                 margin-right: ${euiTheme.size.l};
               `}
+              role="columnheader"
+              tabIndex={0}
+              aria-label={i18n.translate(
+                'xpack.streams.streamsTreeTable.documentsColumnHeaderAriaLabel',
+                {
+                  defaultMessage:
+                    'Documents column - shows document count and chart data for each stream',
+                }
+              )}
             >
               {i18n.translate('xpack.streams.streamsTreeTable.documentsColumnName', {
                 defaultMessage: 'Documents',
@@ -117,15 +145,34 @@ export function StreamsTreeTable({
         },
         {
           field: 'retentionMs',
-          name: i18n.translate('xpack.streams.streamsTreeTable.retentionColumnName', {
-            defaultMessage: 'Retention',
-          }),
+          name: (
+            <span
+              role="columnheader"
+              aria-label={i18n.translate(
+                'xpack.streams.streamsTreeTable.retentionColumnHeaderAriaLabel',
+                {
+                  defaultMessage:
+                    'Retention column - shows data retention policies for each stream',
+                }
+              )}
+            >
+              {i18n.translate('xpack.streams.streamsTreeTable.retentionColumnName', {
+                defaultMessage: 'Retention',
+              })}
+            </span>
+          ),
           width: '160px',
           align: 'left',
           sortable: (row: TableRow) => row.rootRetentionMs,
           dataType: 'number',
           render: (_: unknown, item: TableRow) => (
-            <RetentionColumn lifecycle={item.effective_lifecycle} />
+            <RetentionColumn
+              lifecycle={item.effective_lifecycle}
+              aria-label={i18n.translate('xpack.streams.streamsTreeTable.retentionCellAriaLabel', {
+                defaultMessage: 'Retention policy for {name}',
+                values: { name: item.name },
+              })}
+            />
           ),
         },
       ]}
@@ -143,9 +190,22 @@ export function StreamsTreeTable({
       search={{
         box: {
           incremental: true,
+          'aria-label': i18n.translate('xpack.streams.streamsTreeTable.searchAriaLabel', {
+            defaultMessage: 'Search streams by name',
+          }),
         },
         toolsRight: <StreamsAppSearchBar showDatePicker />,
       }}
+      tableCaption={i18n.translate('xpack.streams.streamsTreeTable.tableCaptionAriaLabel', {
+        defaultMessage:
+          'Streams data table showing stream names, document counts with charts, and retention policies. Use Tab to navigate between columns and Enter to interact with elements.',
+      })}
+      rowProps={(item: TableRow) => ({
+        'aria-label': i18n.translate('xpack.streams.streamsTreeTable.rowAriaLabel', {
+          defaultMessage: 'Stream row for {name}',
+          values: { name: item.name },
+        }),
+      })}
     />
   );
 }

From dcf48aa66e8d7e1fc1c00d0e52ceb3fa459042c9 Mon Sep 17 00:00:00 2001
From: Robert Stelmach <robert.stelmach@elastic.co>
Date: Mon, 30 Jun 2025 10:45:41 +0200
Subject: [PATCH 2/8] remove unnecessary aria label

---
 .../public/components/stream_list_view/tree_table.tsx         | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx
index e01c47d827417..40bd59e63213e 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx
@@ -102,10 +102,6 @@ export function StreamsTreeTable({
                 <EuiLink
                   data-test-subj="streamsAppStreamNodeLink"
                   href={router.link('/{key}', { path: { key: item.name } })}
-                  aria-label={i18n.translate('xpack.streams.streamsTreeTable.streamLinkAriaLabel', {
-                    defaultMessage: 'View details for stream {name}',
-                    values: { name: item.name },
-                  })}
                 >
                   {item.name}
                 </EuiLink>

From 418b443023eba95b4504bfa32ea65b2174cbd5d6 Mon Sep 17 00:00:00 2001
From: Robert Stelmach <robert.stelmach@elastic.co>
Date: Tue, 22 Jul 2025 19:27:39 +0200
Subject: [PATCH 3/8] extract translations to different file, clean up
 voiceover reptitions

---
 .../stream_list_view/documents_column.tsx     | 53 +++++---------
 .../stream_list_view/retention_column.tsx     | 39 ++++------
 .../stream_list_view/translations.ts          | 71 ++++++++++++++++++
 .../stream_list_view/tree_table.tsx           | 72 +++++--------------
 4 files changed, 119 insertions(+), 116 deletions(-)
 create mode 100644 x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/translations.ts

diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx
index 0efb57f143c12..8f6e2ed98414f 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx
@@ -26,6 +26,7 @@ import {
 } from '@elastic/charts';
 import { useElasticChartsTheme } from '@kbn/charts-theme';
 import { i18n } from '@kbn/i18n';
+import { NO_DATA_SHORT_LABEL, DOCUMENTS_NO_DATA_ICON_ARIA_LABEL } from './translations';
 import { useStreamsAppFetch } from '../../hooks/use_streams_app_fetch';
 import { useKibana } from '../../hooks/use_kibana';
 import { esqlResultToTimeseries } from '../../util/esql_result_to_timeseries';
@@ -159,6 +160,16 @@ export function DocumentsColumn({
     });
   }, [hasData, indexPattern, docCount, xFormatter, timeState.start, timeState.end]);
 
+  const cellAriaLabel = hasData
+    ? i18n.translate('xpack.streams.documentsColumn.cellDocCountLabel', {
+        defaultMessage: '{docCount} documents in {indexPattern}',
+        values: { docCount, indexPattern },
+      })
+    : i18n.translate('xpack.streams.documentsColumn.cellNoDataLabel', {
+        defaultMessage: 'No document data available for {indexPattern}',
+        values: { indexPattern },
+      });
+
   return (
     <EuiFlexGroup
       alignItems="center"
@@ -167,11 +178,7 @@ export function DocumentsColumn({
         height: ${euiTheme.size.xl};
         white-space: nowrap;
       `}
-      tabIndex={0}
-      aria-label={i18n.translate('xpack.streams.documentsColumn.cellAriaLabel', {
-        defaultMessage: 'Documents column for {indexPattern}',
-        values: { indexPattern },
-      })}
+      aria-label={cellAriaLabel}
     >
       {histogramQueryFetch.loading ? (
         <LoadingPlaceholder />
@@ -179,34 +186,16 @@ export function DocumentsColumn({
         <>
           <EuiFlexItem
             grow={2}
+            aria-hidden="true"
             className={css`
               text-align: right;
             `}
           >
-            {hasData ? (
-              <span
-                aria-label={i18n.translate('xpack.streams.documentsColumn.documentCountAriaLabel', {
-                  defaultMessage: '{docCount} documents in {indexPattern}',
-                  values: { docCount, indexPattern },
-                })}
-              >
-                <EuiI18nNumber value={docCount} />
-              </span>
-            ) : (
-              <span
-                aria-label={i18n.translate('xpack.streams.documentsColumn.noDataAriaLabel', {
-                  defaultMessage: 'No document data available for {indexPattern}',
-                  values: { indexPattern },
-                })}
-              >
-                {i18n.translate('xpack.streams.documentsColumn.noDataLabel', {
-                  defaultMessage: 'N/A',
-                })}
-              </span>
-            )}
+            {hasData ? <EuiI18nNumber value={docCount} /> : NO_DATA_SHORT_LABEL}
           </EuiFlexItem>
           <EuiFlexItem
             grow={3}
+            aria-hidden="true"
             className={css`
               border-bottom: ${hasData ? '1px solid' : 'none'} ${euiTheme.colors.lightShade};
               display: flex;
@@ -216,9 +205,7 @@ export function DocumentsColumn({
           >
             {hasData ? (
               <div
-                role="img"
-                aria-label={chartDescription}
-                tabIndex={0}
+                aria-hidden="true"
                 className={css`
                   width: 100%;
                   &:focus {
@@ -254,13 +241,7 @@ export function DocumentsColumn({
                 </Chart>
               </div>
             ) : (
-              <EuiIcon
-                type="visLine"
-                size="m"
-                aria-label={i18n.translate('xpack.streams.documentsColumn.noDataIconAriaLabel', {
-                  defaultMessage: 'No chart data available',
-                })}
-              />
+              <EuiIcon type="visLine" size="m" aria-label={DOCUMENTS_NO_DATA_ICON_ARIA_LABEL} />
             )}
           </EuiFlexItem>
         </>
diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx
index 6d5a86025b79f..b5a45e97f115e 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx
@@ -16,6 +16,12 @@ import {
   isIlmLifecycle,
 } from '@kbn/streams-schema';
 import { useKibana } from '../../hooks/use_kibana';
+import {
+  RETENTION_ILM_POLICY_DESCRIPTION,
+  INFINITE_RETENTION_LABEL,
+  NO_RETENTION_LABEL,
+  NO_DATA_SHORT_LABEL,
+} from './translations';
 
 export function RetentionColumn({ lifecycle }: { lifecycle: IngestStreamEffectiveLifecycle }) {
   const {
@@ -74,9 +80,7 @@ export function RetentionColumn({ lifecycle }: { lifecycle: IngestStreamEffectiv
           })}
         </EuiLink>
         <span id="ilm-policy-description" className="euiScreenReaderOnly">
-          {i18n.translate('xpack.streams.streamsRetentionColumn.ilmPolicyDescription', {
-            defaultMessage: 'Index Lifecycle Management policy that controls data retention',
-          })}
+          {RETENTION_ILM_POLICY_DESCRIPTION}
         </span>
       </EuiBadge>
     );
@@ -100,32 +104,19 @@ export function RetentionColumn({ lifecycle }: { lifecycle: IngestStreamEffectiv
     }
 
     return (
-      <EuiIcon
-        type="infinity"
-        size="m"
-        aria-label={i18n.translate(
-          'xpack.streams.streamsRetentionColumn.infiniteRetentionAriaLabel',
-          {
-            defaultMessage: 'Infinite retention - data is kept indefinitely',
-          }
-        )}
+      <span
         tabIndex={0}
-        role="img"
-      />
+        aria-label={INFINITE_RETENTION_LABEL}
+        style={{ display: 'inline-flex', alignItems: 'center' }}
+      >
+        <EuiIcon type="infinity" size="m" aria-hidden="true" />
+      </span>
     );
   }
 
   return (
-    <EuiText
-      color="subdued"
-      tabIndex={0}
-      aria-label={i18n.translate('xpack.streams.streamsRetentionColumn.noDataAriaLabel', {
-        defaultMessage: 'No retention policy configured',
-      })}
-    >
-      {i18n.translate('xpack.streams.streamsRetentionColumn.noDataLabel', {
-        defaultMessage: 'N/A',
-      })}
+    <EuiText color="subdued" tabIndex={0} aria-label={NO_RETENTION_LABEL}>
+      {NO_DATA_SHORT_LABEL}
     </EuiText>
   );
 }
diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/translations.ts b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/translations.ts
new file mode 100644
index 0000000000000..07133b42009a8
--- /dev/null
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/translations.ts
@@ -0,0 +1,71 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { i18n } from '@kbn/i18n';
+
+export const NAME_COLUMN_HEADER = i18n.translate('xpack.streams.streamsTreeTable.nameColumnName', {
+  defaultMessage: 'Name',
+});
+
+export const DOCUMENTS_COLUMN_HEADER = i18n.translate(
+  'xpack.streams.streamsTreeTable.documentsColumnName',
+  { defaultMessage: 'Documents' }
+);
+
+export const RETENTION_COLUMN_HEADER = i18n.translate(
+  'xpack.streams.streamsTreeTable.retentionColumnName',
+  { defaultMessage: 'Retention' }
+);
+
+export const RETENTION_COLUMN_HEADER_ARIA_LABEL = i18n.translate(
+  'xpack.streams.streamsTreeTable.retentionColumnHeaderAriaLabel',
+  {
+    defaultMessage: 'Retention column - shows data retention policies for each stream',
+  }
+);
+
+export const NO_STREAMS_MESSAGE = i18n.translate(
+  'xpack.streams.streamsTreeTable.noStreamsMessage',
+  { defaultMessage: 'Loading streams...' }
+);
+
+export const STREAMS_TABLE_SEARCH_ARIA_LABEL = i18n.translate(
+  'xpack.streams.streamsTreeTable.searchAriaLabel',
+  { defaultMessage: 'Search streams by name' }
+);
+
+export const STREAMS_TABLE_CAPTION_ARIA_LABEL = i18n.translate(
+  'xpack.streams.streamsTreeTable.tableCaptionAriaLabel',
+  {
+    defaultMessage:
+      'Streams data table showing stream names, document counts with charts, and retention policies. Use Tab to navigate between columns and Enter to interact with elements.',
+  }
+);
+
+export const NO_DATA_SHORT_LABEL = i18n.translate('xpack.streams.documentsColumn.noDataLabel', {
+  defaultMessage: 'N/A',
+});
+
+export const DOCUMENTS_NO_DATA_ICON_ARIA_LABEL = i18n.translate(
+  'xpack.streams.documentsColumn.noDataIconAriaLabel',
+  { defaultMessage: 'No chart data available' }
+);
+
+export const RETENTION_ILM_POLICY_DESCRIPTION = i18n.translate(
+  'xpack.streams.streamsRetentionColumn.ilmPolicyDescription',
+  { defaultMessage: 'Index Lifecycle Management policy that controls data retention' }
+);
+
+export const INFINITE_RETENTION_LABEL = i18n.translate(
+  'xpack.streams.streamsRetentionColumn.infiniteRetentionAriaLabel',
+  { defaultMessage: 'Infinite retention - data is kept indefinitely' }
+);
+
+export const NO_RETENTION_LABEL = i18n.translate(
+  'xpack.streams.streamsRetentionColumn.noDataAriaLabel',
+  { defaultMessage: 'No retention policy configured' }
+);
diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx
index 40bd59e63213e..80557b20d21aa 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx
@@ -23,6 +23,15 @@ import { StreamsAppSearchBar } from '../streams_app_search_bar';
 import { DocumentsColumn } from './documents_column';
 import { useStreamsAppRouter } from '../../hooks/use_streams_app_router';
 import { RetentionColumn } from './retention_column';
+import {
+  NAME_COLUMN_HEADER,
+  DOCUMENTS_COLUMN_HEADER,
+  RETENTION_COLUMN_HEADER,
+  NO_STREAMS_MESSAGE,
+  STREAMS_TABLE_SEARCH_ARIA_LABEL,
+  STREAMS_TABLE_CAPTION_ARIA_LABEL,
+  RETENTION_COLUMN_HEADER_ARIA_LABEL,
+} from './translations';
 
 export function StreamsTreeTable({
   loading,
@@ -62,9 +71,7 @@ export function StreamsTreeTable({
       columns={[
         {
           field: 'nameSortKey',
-          name: i18n.translate('xpack.streams.streamsTreeTable.nameColumnName', {
-            defaultMessage: 'Name',
-          }),
+          name: NAME_COLUMN_HEADER,
           sortable: (row: TableRow) => row.rootNameSortKey,
           dataType: 'string',
           render: (_: unknown, item: TableRow) => (
@@ -75,10 +82,6 @@ export function StreamsTreeTable({
               className={css`
                 margin-left: ${item.level * parseInt(euiTheme.size.xl, 10)}px;
               `}
-              aria-label={i18n.translate('xpack.streams.streamsTreeTable.nameColumnAriaLabel', {
-                defaultMessage: 'Stream name: {name}, level {level}',
-                values: { name: item.name, level: item.level },
-              })}
             >
               <EuiFlexItem grow={false}>
                 {item.children.length > 0 ? (
@@ -111,26 +114,7 @@ export function StreamsTreeTable({
         },
         {
           field: 'documentsCount',
-          name: (
-            <span
-              className={css`
-                margin-right: ${euiTheme.size.l};
-              `}
-              role="columnheader"
-              tabIndex={0}
-              aria-label={i18n.translate(
-                'xpack.streams.streamsTreeTable.documentsColumnHeaderAriaLabel',
-                {
-                  defaultMessage:
-                    'Documents column - shows document count and chart data for each stream',
-                }
-              )}
-            >
-              {i18n.translate('xpack.streams.streamsTreeTable.documentsColumnName', {
-                defaultMessage: 'Documents',
-              })}
-            </span>
-          ),
+          name: DOCUMENTS_COLUMN_HEADER,
           width: '280px',
           sortable: false,
           dataType: 'number',
@@ -142,19 +126,8 @@ export function StreamsTreeTable({
         {
           field: 'retentionMs',
           name: (
-            <span
-              role="columnheader"
-              aria-label={i18n.translate(
-                'xpack.streams.streamsTreeTable.retentionColumnHeaderAriaLabel',
-                {
-                  defaultMessage:
-                    'Retention column - shows data retention policies for each stream',
-                }
-              )}
-            >
-              {i18n.translate('xpack.streams.streamsTreeTable.retentionColumnName', {
-                defaultMessage: 'Retention',
-              })}
+            <span role="columnheader" aria-label={RETENTION_COLUMN_HEADER_ARIA_LABEL}>
+              {RETENTION_COLUMN_HEADER}
             </span>
           ),
           width: '160px',
@@ -175,9 +148,7 @@ export function StreamsTreeTable({
       itemId="name"
       items={items}
       sorting={sorting}
-      message={i18n.translate('xpack.streams.streamsTreeTable.noStreamsMessage', {
-        defaultMessage: 'Loading streams...',
-      })}
+      message={NO_STREAMS_MESSAGE}
       onTableChange={onTableChange}
       pagination={{
         initialPageSize: 25,
@@ -186,22 +157,11 @@ export function StreamsTreeTable({
       search={{
         box: {
           incremental: true,
-          'aria-label': i18n.translate('xpack.streams.streamsTreeTable.searchAriaLabel', {
-            defaultMessage: 'Search streams by name',
-          }),
+          'aria-label': STREAMS_TABLE_SEARCH_ARIA_LABEL,
         },
         toolsRight: <StreamsAppSearchBar showDatePicker />,
       }}
-      tableCaption={i18n.translate('xpack.streams.streamsTreeTable.tableCaptionAriaLabel', {
-        defaultMessage:
-          'Streams data table showing stream names, document counts with charts, and retention policies. Use Tab to navigate between columns and Enter to interact with elements.',
-      })}
-      rowProps={(item: TableRow) => ({
-        'aria-label': i18n.translate('xpack.streams.streamsTreeTable.rowAriaLabel', {
-          defaultMessage: 'Stream row for {name}',
-          values: { name: item.name },
-        }),
-      })}
+      tableCaption={STREAMS_TABLE_CAPTION_ARIA_LABEL}
     />
   );
 }

From fb5c07f186ea9c801318c1c9a5d404f1d652c67b Mon Sep 17 00:00:00 2001
From: Robert Stelmach <robert.stelmach@elastic.co>
Date: Thu, 31 Jul 2025 13:32:49 +0200
Subject: [PATCH 4/8]  fix double Tab for retention column, fix a11y issues

---
 .../stream_list_view/documents_column.tsx     |  2 +-
 .../stream_list_view/retention_column.tsx     | 21 +++----------------
 .../stream_list_view/translations.ts          |  5 -----
 .../stream_list_view/tree_table.tsx           |  4 +---
 4 files changed, 5 insertions(+), 27 deletions(-)

diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx
index 9de1fc5832ee3..2a7c061a91225 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx
@@ -61,7 +61,6 @@ export function DocumentsColumn({
           white-space: nowrap;
           padding-right: ${euiTheme.size.xl};
         `}
-        role="status"
         aria-live="polite"
         aria-label={i18n.translate('xpack.streams.documentsColumn.loadingAriaLabel', {
           defaultMessage: 'Loading document count and chart data for {indexPattern}',
@@ -194,6 +193,7 @@ export function DocumentsColumn({
         height: ${euiTheme.size.xl};
         white-space: nowrap;
       `}
+      role="group"
       aria-label={cellAriaLabel}
     >
       {histogramQueryFetch.loading ? (
diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx
index b5a45e97f115e..8818af3f6f940 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx
@@ -16,12 +16,7 @@ import {
   isIlmLifecycle,
 } from '@kbn/streams-schema';
 import { useKibana } from '../../hooks/use_kibana';
-import {
-  RETENTION_ILM_POLICY_DESCRIPTION,
-  INFINITE_RETENTION_LABEL,
-  NO_RETENTION_LABEL,
-  NO_DATA_SHORT_LABEL,
-} from './translations';
+import { INFINITE_RETENTION_LABEL, NO_RETENTION_LABEL, NO_DATA_SHORT_LABEL } from './translations';
 
 export function RetentionColumn({ lifecycle }: { lifecycle: IngestStreamEffectiveLifecycle }) {
   const {
@@ -49,15 +44,7 @@ export function RetentionColumn({ lifecycle }: { lifecycle: IngestStreamEffectiv
 
   if (isIlmLifecycle(lifecycle)) {
     return (
-      <EuiBadge
-        color="hollow"
-        tabIndex={0}
-        role="region"
-        aria-label={i18n.translate('xpack.streams.streamsRetentionColumn.ilmBadgeAriaLabel', {
-          defaultMessage: 'ILM retention policy: {name}',
-          values: { name: lifecycle.ilm.policy },
-        })}
-      >
+      <EuiBadge color="hollow">
         <EuiLink
           data-test-subj="streamsAppLifecycleBadgeIlmPolicyNameLink"
           color="text"
@@ -79,9 +66,6 @@ export function RetentionColumn({ lifecycle }: { lifecycle: IngestStreamEffectiv
             },
           })}
         </EuiLink>
-        <span id="ilm-policy-description" className="euiScreenReaderOnly">
-          {RETENTION_ILM_POLICY_DESCRIPTION}
-        </span>
       </EuiBadge>
     );
   }
@@ -107,6 +91,7 @@ export function RetentionColumn({ lifecycle }: { lifecycle: IngestStreamEffectiv
       <span
         tabIndex={0}
         aria-label={INFINITE_RETENTION_LABEL}
+        role="status"
         style={{ display: 'inline-flex', alignItems: 'center' }}
       >
         <EuiIcon type="infinity" size="m" aria-hidden="true" />
diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/translations.ts b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/translations.ts
index 07133b42009a8..41b3691ae2bc5 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/translations.ts
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/translations.ts
@@ -55,11 +55,6 @@ export const DOCUMENTS_NO_DATA_ICON_ARIA_LABEL = i18n.translate(
   { defaultMessage: 'No chart data available' }
 );
 
-export const RETENTION_ILM_POLICY_DESCRIPTION = i18n.translate(
-  'xpack.streams.streamsRetentionColumn.ilmPolicyDescription',
-  { defaultMessage: 'Index Lifecycle Management policy that controls data retention' }
-);
-
 export const INFINITE_RETENTION_LABEL = i18n.translate(
   'xpack.streams.streamsRetentionColumn.infiniteRetentionAriaLabel',
   { defaultMessage: 'Infinite retention - data is kept indefinitely' }
diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx
index 80557b20d21aa..da833000a7267 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx
@@ -126,9 +126,7 @@ export function StreamsTreeTable({
         {
           field: 'retentionMs',
           name: (
-            <span role="columnheader" aria-label={RETENTION_COLUMN_HEADER_ARIA_LABEL}>
-              {RETENTION_COLUMN_HEADER}
-            </span>
+            <span aria-label={RETENTION_COLUMN_HEADER_ARIA_LABEL}>{RETENTION_COLUMN_HEADER}</span>
           ),
           width: '160px',
           align: 'left',

From 05abfe6786ed62f0e9f2999fba148645f87bef41 Mon Sep 17 00:00:00 2001
From: Abdul Zahid <awahab07@yahoo.com>
Date: Mon, 4 Aug 2025 04:15:04 +0200
Subject: [PATCH 5/8] Remove aria-labelling chart.

---
 .../stream_list_view/documents_column.tsx     | 83 ++++++-------------
 .../stream_list_view/translations.ts          |  2 +-
 2 files changed, 25 insertions(+), 60 deletions(-)

diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx
index 2a7c061a91225..75f3f14e08c2c 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx
@@ -63,7 +63,7 @@ export function DocumentsColumn({
         `}
         aria-live="polite"
         aria-label={i18n.translate('xpack.streams.documentsColumn.loadingAriaLabel', {
-          defaultMessage: 'Loading document count and chart data for {indexPattern}',
+          defaultMessage: 'Loading information for {indexPattern}',
           values: { indexPattern },
         })}
       >
@@ -152,29 +152,6 @@ export function DocumentsColumn({
     <EuiIcon type="visLine" size="m" />
   );
 
-  const chartDescription = React.useMemo(() => {
-    if (!hasData) {
-      return i18n.translate('xpack.streams.documentsColumn.noDataDescription', {
-        defaultMessage: 'No document data available for {indexPattern}',
-        values: { indexPattern },
-      });
-    }
-
-    const timeRange = i18n.translate('xpack.streams.documentsColumn.timeRangeDescription', {
-      defaultMessage: 'from {start} to {end}',
-      values: {
-        start: xFormatter(timeState.start),
-        end: xFormatter(timeState.end),
-      },
-    });
-
-    return i18n.translate('xpack.streams.documentsColumn.chartDescription', {
-      defaultMessage:
-        'Document count chart for {indexPattern} showing {docCount} total documents {timeRange}',
-      values: { indexPattern, docCount, timeRange },
-    });
-  }, [hasData, indexPattern, docCount, xFormatter, timeState.start, timeState.end]);
-
   const cellAriaLabel = hasData
     ? i18n.translate('xpack.streams.documentsColumn.cellDocCountLabel', {
         defaultMessage: '{docCount} documents in {indexPattern}',
@@ -220,42 +197,30 @@ export function DocumentsColumn({
             `}
           >
             {hasData ? (
-              <div
-                aria-hidden="true"
-                className={css`
-                  width: 100%;
-                  &:focus {
-                    outline: 2px solid ${euiTheme.colors.primary};
-                    outline-offset: 2px;
-                  }
-                `}
-              >
-                <Chart size={{ width: '100%', height: euiTheme.size.l }}>
-                  <Settings
-                    locale={i18n.getLocale()}
-                    baseTheme={chartBaseTheme}
-                    theme={{ background: { color: 'transparent' } }}
-                    xDomain={{ min: timeState.start, max: timeState.end, minInterval }}
-                    noResults={<div />}
-                    ariaLabel={chartDescription}
-                  />
-                  <Tooltip
-                    stickTo={TooltipStickTo.Middle}
-                    headerFormatter={({ value }) => xFormatter(value)}
+              <Chart size={{ width: '100%', height: euiTheme.size.l }}>
+                <Settings
+                  locale={i18n.getLocale()}
+                  baseTheme={chartBaseTheme}
+                  theme={{ background: { color: 'transparent' } }}
+                  xDomain={{ min: timeState.start, max: timeState.end, minInterval }}
+                  noResults={<div />}
+                />
+                <Tooltip
+                  stickTo={TooltipStickTo.Middle}
+                  headerFormatter={({ value }) => xFormatter(value)}
+                />
+                {allTimeseries.map((serie) => (
+                  <BarSeries
+                    key={serie.id}
+                    id={serie.id}
+                    xScaleType={ScaleType.Time}
+                    yScaleType={ScaleType.Linear}
+                    xAccessor="x"
+                    yAccessors={['doc_count']}
+                    data={serie.data}
                   />
-                  {allTimeseries.map((serie) => (
-                    <BarSeries
-                      key={serie.id}
-                      id={serie.id}
-                      xScaleType={ScaleType.Time}
-                      yScaleType={ScaleType.Linear}
-                      xAccessor="x"
-                      yAccessors={['doc_count']}
-                      data={serie.data}
-                    />
-                  ))}
-                </Chart>
-              </div>
+                ))}
+              </Chart>
             ) : (
               noHistogramData
             )}
diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/translations.ts b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/translations.ts
index 41b3691ae2bc5..48f9470bd1c13 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/translations.ts
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/translations.ts
@@ -42,7 +42,7 @@ export const STREAMS_TABLE_CAPTION_ARIA_LABEL = i18n.translate(
   'xpack.streams.streamsTreeTable.tableCaptionAriaLabel',
   {
     defaultMessage:
-      'Streams data table showing stream names, document counts with charts, and retention policies. Use Tab to navigate between columns and Enter to interact with elements.',
+      'Streams data table, listing stream names with links, document counts, and retention policies with links',
   }
 );
 

From 66e4b0dba7b868748cae7cf6c71468bbd67b5557 Mon Sep 17 00:00:00 2001
From: Abdul Zahid <awahab07@yahoo.com>
Date: Mon, 4 Aug 2025 04:16:11 +0200
Subject: [PATCH 6/8] Remove actionable focus (Tab key) from infinite retention
 icon.

---
 .../public/components/stream_list_view/retention_column.tsx     | 2 --
 1 file changed, 2 deletions(-)

diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx
index 8818af3f6f940..d3a02b6b57ad4 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx
@@ -89,9 +89,7 @@ export function RetentionColumn({ lifecycle }: { lifecycle: IngestStreamEffectiv
 
     return (
       <span
-        tabIndex={0}
         aria-label={INFINITE_RETENTION_LABEL}
-        role="status"
         style={{ display: 'inline-flex', alignItems: 'center' }}
       >
         <EuiIcon type="infinity" size="m" aria-hidden="true" />

From 3eb1cf4f25b34e7aadfa2e34ba969b1b0abee59e Mon Sep 17 00:00:00 2001
From: Abdul Zahid <awahab07@yahoo.com>
Date: Mon, 4 Aug 2025 04:16:52 +0200
Subject: [PATCH 7/8] Tweak aria-labels.

---
 .../public/components/stream_list_view/documents_column.tsx    | 2 +-
 .../public/components/stream_list_view/retention_column.tsx    | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx
index 75f3f14e08c2c..62183532fb9f4 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/documents_column.tsx
@@ -158,7 +158,7 @@ export function DocumentsColumn({
         values: { docCount, indexPattern },
       })
     : i18n.translate('xpack.streams.documentsColumn.cellNoDataLabel', {
-        defaultMessage: 'No document data available for {indexPattern}',
+        defaultMessage: 'No documents found in {indexPattern}',
         values: { indexPattern },
       });
 
diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx
index d3a02b6b57ad4..4754ee7f00e9c 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/retention_column.tsx
@@ -54,10 +54,9 @@ export function RetentionColumn({ lifecycle }: { lifecycle: IngestStreamEffectiv
           })}
           target="_blank"
           aria-label={i18n.translate('xpack.streams.streamsRetentionColumn.ilmLinkAriaLabel', {
-            defaultMessage: 'Edit ILM policy {name} (opens in new tab)',
+            defaultMessage: 'ILM policy: {name}, click to edit the policy in a new tab',
             values: { name: lifecycle.ilm.policy },
           })}
-          aria-describedby="ilm-policy-description"
         >
           {i18n.translate('xpack.streams.streamsRetentionColumn.ilmBadgeLabel', {
             defaultMessage: 'ILM policy: {name}',

From 26d2f72fb2ac1270e486e3ac355fd2b5fa51d64d Mon Sep 17 00:00:00 2001
From: Robert Stelmach <robert.stelmach@elastic.co>
Date: Wed, 6 Aug 2025 16:41:00 +0200
Subject: [PATCH 8/8] fix translation

---
 .../public/components/stream_list_view/translations.ts       | 4 +++-
 .../public/components/stream_list_view/tree_table.tsx        | 5 ++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/translations.ts b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/translations.ts
index 48f9470bd1c13..45bebc0691ac7 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/translations.ts
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/translations.ts
@@ -30,7 +30,9 @@ export const RETENTION_COLUMN_HEADER_ARIA_LABEL = i18n.translate(
 
 export const NO_STREAMS_MESSAGE = i18n.translate(
   'xpack.streams.streamsTreeTable.noStreamsMessage',
-  { defaultMessage: 'Loading streams...' }
+  {
+    defaultMessage: 'No streams found.',
+  }
 );
 
 export const STREAMS_TABLE_SEARCH_ARIA_LABEL = i18n.translate(
diff --git a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx
index 38354c4c2bb55..f6528d6ce65c1 100644
--- a/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx
+++ b/x-pack/platform/plugins/shared/streams_app/public/components/stream_list_view/tree_table.tsx
@@ -40,6 +40,7 @@ import {
   STREAMS_TABLE_SEARCH_ARIA_LABEL,
   STREAMS_TABLE_CAPTION_ARIA_LABEL,
   RETENTION_COLUMN_HEADER_ARIA_LABEL,
+  NO_STREAMS_MESSAGE,
 } from './translations';
 
 export function StreamsTreeTable({
@@ -167,9 +168,7 @@ export function StreamsTreeTable({
       itemId="name"
       items={items}
       sorting={sorting}
-      noItemsMessage={i18n.translate('xpack.streams.streamsTreeTable.noStreamsMessage', {
-        defaultMessage: 'No streams found.',
-      })}
+      noItemsMessage={NO_STREAMS_MESSAGE}
       onTableChange={handleTableChange}
       pagination={{
         initialPageSize: 25,