From b0704474f0f8fef1dfd83054c2085f1be1f6ca39 Mon Sep 17 00:00:00 2001
From: Paulina Shakirova <paulina.shakirova@elastic.co>
Date: Thu, 26 Jun 2025 17:16:10 +0200
Subject: [PATCH] [a11y][ml] fix screen reader not reading tooltip p-value
 (#224666)

## Summary
This PR fixes [[ML] Change point detection: p-value tooltip is not
announced because lack of
focus](https://github.com/elastic/kibana/issues/216545) issue.

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
---
 .../change_points_table.tsx                   | 26 +++++++------------
 1 file changed, 9 insertions(+), 17 deletions(-)

diff --git a/x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/change_points_table.tsx b/x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/change_points_table.tsx
index 5c8c9fd07246..5b3a1f24b4de 100644
--- a/x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/change_points_table.tsx
+++ b/x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/change_points_table.tsx
@@ -8,9 +8,7 @@
 import {
   EuiBadge,
   EuiEmptyPrompt,
-  EuiIcon,
   EuiInMemoryTable,
-  EuiToolTip,
   type DefaultItemAction,
   type EuiBasicTableColumn,
 } from '@elastic/eui';
@@ -181,21 +179,15 @@ export const ChangePointsTable: FC<ChangePointsTableProps> = ({
       id: 'pValue',
       'data-test-subj': 'aiopsChangePointPValue',
       field: 'p_value',
-      name: (
-        <EuiToolTip
-          content={i18n.translate('xpack.aiops.changePointDetection.pValueTooltip', {
-            defaultMessage:
-              'Indicates how extreme the change is. Lower values indicate greater change.',
-          })}
-        >
-          <span>
-            {i18n.translate('xpack.aiops.changePointDetection.pValueLabel', {
-              defaultMessage: 'p-value',
-            })}
-            <EuiIcon size="s" color="subdued" type="question" className="eui-alignTop" />
-          </span>
-        </EuiToolTip>
-      ),
+      name: i18n.translate('xpack.aiops.changePointDetection.pValueColumn', {
+        defaultMessage: 'p-value',
+      }),
+      nameTooltip: {
+        content: i18n.translate('xpack.aiops.changePointDetection.pValueTooltip', {
+          defaultMessage:
+            'Indicates how extreme the change is. Lower values indicate greater change.',
+        }),
+      },
       sortable: true,
       truncateText: false,
       render: (pValue: ChangePointAnnotation['p_value']) =>