[A11y][APM] Improve aria-label for correlations (#217512)

## Summary

Closes https://github.com/elastic/kibana/issues/194975

This PR improves the `aria-label` attributes in the latency correlations
page to add more context about the selected field.

x-pack/platform/plugins/private/translations/translations/fr-FR.json

@@ -11157,20 +11157,16 @@
     "xpack.apm.correlations.failedTransactions.helpPopover.title": "Corrélations des transactions ayant échoué",
     "xpack.apm.correlations.failedTransactions.panelTitle": "Distribution de la latence des transactions ayant échoué",
     "xpack.apm.correlations.failedTransactions.tableTitle": "Corrélations",
-    "xpack.apm.correlations.fieldContextPopover.descriptionTooltipContent": "Afficher le top 10 des valeurs de champ",
     "xpack.apm.correlations.fieldContextPopover.notTopTenValueMessage": "Le terme sélectionné n'est pas dans le top 10",
-    "xpack.apm.correlations.fieldContextPopover.topFieldValuesAriaLabel": "Afficher le top 10 des valeurs de champ",
     "xpack.apm.correlations.highImpactText": "Élevé",
     "xpack.apm.correlations.latencyCorrelations.advancedStatisticsLabel": "Statistiques avancées",
     "xpack.apm.correlations.latencyCorrelations.advancedStatisticsTooltipContent": "Activer des informations statistiques supplémentaires pour obtenir les résultats de la corrélation.",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.actionsLabel": "Filtre",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.correlationColumnDescription": "Score de corrélation [0-1] d'un attribut ; plus le score est élevé, plus un attribut augmente la latence.",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.correlationLabel": "Corrélation",
-    "xpack.apm.correlations.latencyCorrelations.correlationsTable.excludeDescription": "Filtrer la valeur",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.excludeLabel": "Exclure",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.fieldNameLabel": "Nom du champ",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.fieldValueLabel": "Valeur du champ",
-    "xpack.apm.correlations.latencyCorrelations.correlationsTable.filterDescription": "Filtrer par valeur",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.filterLabel": "Filtre",
     "xpack.apm.correlations.latencyCorrelations.errorTitle": "Une erreur est survenue lors de la récupération des corrélations",
     "xpack.apm.correlations.latencyCorrelations.fallbackCorrelationBadgeMessage": "Très bas",

x-pack/platform/plugins/private/translations/translations/ja-JP.json

@@ -11143,20 +11143,16 @@
     "xpack.apm.correlations.failedTransactions.helpPopover.title": "失敗したトランザクションの相関関係",
     "xpack.apm.correlations.failedTransactions.panelTitle": "失敗したトランザクションの遅延分布",
     "xpack.apm.correlations.failedTransactions.tableTitle": "相関関係",
-    "xpack.apm.correlations.fieldContextPopover.descriptionTooltipContent": "上位10フィールド値を表示",
     "xpack.apm.correlations.fieldContextPopover.notTopTenValueMessage": "選択した用語は上位10件にありません",
-    "xpack.apm.correlations.fieldContextPopover.topFieldValuesAriaLabel": "上位10フィールド値を表示",
     "xpack.apm.correlations.highImpactText": "高",
     "xpack.apm.correlations.latencyCorrelations.advancedStatisticsLabel": "詳細統計情報",
     "xpack.apm.correlations.latencyCorrelations.advancedStatisticsTooltipContent": "相関関係結果の詳細統計情報を有効にします。",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.actionsLabel": "フィルター",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.correlationColumnDescription": "属性の相関関係スコア[0-1]。スコアが大きいほど、属性の遅延が大きくなります。",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.correlationLabel": "相関関係",
-    "xpack.apm.correlations.latencyCorrelations.correlationsTable.excludeDescription": "値を除外",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.excludeLabel": "除外",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.fieldNameLabel": "フィールド名",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.fieldValueLabel": "フィールド値",
-    "xpack.apm.correlations.latencyCorrelations.correlationsTable.filterDescription": "値でフィルタリング",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.filterLabel": "フィルター",
     "xpack.apm.correlations.latencyCorrelations.errorTitle": "相関関係の取得中にエラーが発生しました",
     "xpack.apm.correlations.latencyCorrelations.fallbackCorrelationBadgeMessage": "非常に低い",

x-pack/platform/plugins/private/translations/translations/zh-CN.json

@@ -11164,20 +11164,16 @@
     "xpack.apm.correlations.failedTransactions.helpPopover.title": "失败事务相关性",
     "xpack.apm.correlations.failedTransactions.panelTitle": "失败事务延迟分布",
     "xpack.apm.correlations.failedTransactions.tableTitle": "相关性",
-    "xpack.apm.correlations.fieldContextPopover.descriptionTooltipContent": "显示排名前 10 字段值",
     "xpack.apm.correlations.fieldContextPopover.notTopTenValueMessage": "选定的词未排名前 10",
-    "xpack.apm.correlations.fieldContextPopover.topFieldValuesAriaLabel": "显示排名前 10 字段值",
     "xpack.apm.correlations.highImpactText": "高",
     "xpack.apm.correlations.latencyCorrelations.advancedStatisticsLabel": "高级统计信息",
     "xpack.apm.correlations.latencyCorrelations.advancedStatisticsTooltipContent": "启用相关性结果的其他统计信息。",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.actionsLabel": "筛选",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.correlationColumnDescription": "属性的相关性分数 [0-1]；分数越大，属性越会增加延迟。",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.correlationLabel": "相关性",
-    "xpack.apm.correlations.latencyCorrelations.correlationsTable.excludeDescription": "筛除值",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.excludeLabel": "排除",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.fieldNameLabel": "字段名称",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.fieldValueLabel": "字段值",
-    "xpack.apm.correlations.latencyCorrelations.correlationsTable.filterDescription": "按值筛选",
     "xpack.apm.correlations.latencyCorrelations.correlationsTable.filterLabel": "筛选",
     "xpack.apm.correlations.latencyCorrelations.errorTitle": "提取关联性时发生错误",
     "xpack.apm.correlations.latencyCorrelations.fallbackCorrelationBadgeMessage": "极低",

x-pack/solutions/observability/plugins/apm/public/components/app/correlations/context_popover/field_stats_popover.tsx

@@ -264,7 +264,8 @@ export function FieldStatsPopover({
       content={i18n.translate(
         'xpack.apm.correlations.fieldContextPopover.descriptionTooltipContent',
         {
-          defaultMessage: 'Show top 10 field values',
+          defaultMessage: 'Show top 10 field values for {fieldName}',
+          values: { fieldName },
         }
       )}
     >
@@ -276,7 +277,8 @@ export function FieldStatsPopover({
         aria-label={i18n.translate(
           'xpack.apm.correlations.fieldContextPopover.topFieldValuesAriaLabel',
           {
-            defaultMessage: 'Show top 10 field values',
+            defaultMessage: 'Show top 10 field values for {fieldName}',
+            values: { fieldName },
           }
         )}
         data-test-subj={'apmCorrelationsContextPopoverButton'}

x-pack/solutions/observability/plugins/apm/public/components/app/correlations/latency_correlations.tsx

@@ -28,6 +28,7 @@ import { FormattedMessage } from '@kbn/i18n-react';
 import { useUiTracker } from '@kbn/observability-shared-plugin/public';
 
 import { ProcessorEvent } from '@kbn/observability-plugin/common';
+import { css } from '@emotion/react';
 import { FieldStatsPopover } from './context_popover/field_stats_popover';
 import { asPreciseDecimal } from '../../../../common/utils/formatters';
 import type { LatencyCorrelation } from '../../../../common/correlations/latency_correlations/types';
@@ -205,10 +206,11 @@ export function LatencyCorrelations({ onFilter }: { onFilter: () => void }) {
               'xpack.apm.correlations.latencyCorrelations.correlationsTable.filterLabel',
               { defaultMessage: 'Filter' }
             ),
-            description: i18n.translate(
-              'xpack.apm.correlations.latencyCorrelations.correlationsTable.filterDescription',
-              { defaultMessage: 'Filter by value' }
-            ),
+            description: ({ fieldName }) =>
+              i18n.translate(
+                'xpack.apm.correlations.latencyCorrelations.correlationsTable.filterDescription',
+                { defaultMessage: 'Filter by {fieldName}', values: { fieldName } }
+              ),
             icon: 'plusInCircle',
             type: 'icon',
             onClick: ({ fieldName, fieldValue }: LatencyCorrelation) =>
@@ -223,10 +225,11 @@ export function LatencyCorrelations({ onFilter }: { onFilter: () => void }) {
               'xpack.apm.correlations.latencyCorrelations.correlationsTable.excludeLabel',
               { defaultMessage: 'Exclude' }
             ),
-            description: i18n.translate(
-              'xpack.apm.correlations.latencyCorrelations.correlationsTable.excludeDescription',
-              { defaultMessage: 'Filter out value' }
-            ),
+            description: ({ fieldName }) =>
+              i18n.translate(
+                'xpack.apm.correlations.latencyCorrelations.correlationsTable.excludeDescription',
+                { defaultMessage: 'Filter out {fieldName}', values: { fieldName } }
+              ),
             icon: 'minusInCircle',
             type: 'icon',
             onClick: ({ fieldName, fieldValue }: LatencyCorrelation) =>
@@ -296,7 +299,13 @@ export function LatencyCorrelations({ onFilter }: { onFilter: () => void }) {
 
   return (
     <div data-test-subj="apmLatencyCorrelationsTabContent">
-      <EuiFlexGroup style={{ minHeight: MIN_TAB_TITLE_HEIGHT }} alignItems="center" gutterSize="s">
+      <EuiFlexGroup
+        css={css`
+          min-height: ${MIN_TAB_TITLE_HEIGHT};
+        `}
+        alignItems="center"
+        gutterSize="s"
+      >
         <EuiFlexItem grow={false}>
           <EuiTitle size="xs">
             <h5 data-test-subj="apmCorrelationsLatencyCorrelationsChartTitle">