diff --git a/x-pack/platform/plugins/private/translations/translations/de-DE.json b/x-pack/platform/plugins/private/translations/translations/de-DE.json index 82bb89facba01..dd45ac75bd316 100644 --- a/x-pack/platform/plugins/private/translations/translations/de-DE.json +++ b/x-pack/platform/plugins/private/translations/translations/de-DE.json @@ -20647,7 +20647,6 @@ "xpack.infra.assetDetails.datePicker.commonlyUsedRanges.last7Days": "Letzte 7 Tage", "xpack.infra.assetDetails.datePicker.tooltip.autoRefresh": "Erleben Sie ständig das Laden von Daten?", "xpack.infra.assetDetails.datePicker.tooltip.autoRefresh.troubleshoot": "Versuchen Sie, das Aktualisierungsintervall zu verlängern, den Datumsbereich zu verkürzen oder die automatische Aktualisierung zu deaktivieren.", - "xpack.infra.assetDetails.flyout.ariaLabel": "{name} Details", "xpack.infra.assetDetails.header.return": "Zurückkehren", "xpack.infra.assetDetails.kpi.subtitle.average": "Durchschnitt", "xpack.infra.assetDetails.metadata.seeMore.ariaLabel": "Sehen Sie {count} weitere {fieldName}", diff --git a/x-pack/platform/plugins/private/translations/translations/fr-FR.json b/x-pack/platform/plugins/private/translations/translations/fr-FR.json index 7422e38646279..95b894a3a395e 100644 --- a/x-pack/platform/plugins/private/translations/translations/fr-FR.json +++ b/x-pack/platform/plugins/private/translations/translations/fr-FR.json @@ -20923,7 +20923,6 @@ "xpack.infra.assetDetails.datePicker.commonlyUsedRanges.last7Days": "7 derniers jours", "xpack.infra.assetDetails.datePicker.tooltip.autoRefresh": "Les données chargent continuellement ?", "xpack.infra.assetDetails.datePicker.tooltip.autoRefresh.troubleshoot": "Essayez d'augmenter l'intervalle d'actualisation, de raccourcir la plage de dates ou de désactiver l'actualisation automatique.", - "xpack.infra.assetDetails.flyout.ariaLabel": "Détails de {name}", "xpack.infra.assetDetails.header.return": "Renvoyer", "xpack.infra.assetDetails.kpi.subtitle.average": "Moyenne", "xpack.infra.assetDetails.metadata.seeMore.ariaLabel": "Voir {count} de plus {fieldName}", diff --git a/x-pack/platform/plugins/private/translations/translations/ja-JP.json b/x-pack/platform/plugins/private/translations/translations/ja-JP.json index 14a41fdcaff60..fa3ad151e98fd 100644 --- a/x-pack/platform/plugins/private/translations/translations/ja-JP.json +++ b/x-pack/platform/plugins/private/translations/translations/ja-JP.json @@ -20948,7 +20948,6 @@ "xpack.infra.assetDetails.datePicker.commonlyUsedRanges.last7Days": "過去7日間", "xpack.infra.assetDetails.datePicker.tooltip.autoRefresh": "データの読み込みが継続的に行われていますか?", "xpack.infra.assetDetails.datePicker.tooltip.autoRefresh.troubleshoot": "更新間隔を長くするか、日付範囲を短くするか、自動更新をオフにしてみてください。", - "xpack.infra.assetDetails.flyout.ariaLabel": "{name}の詳細", "xpack.infra.assetDetails.header.return": "戻る", "xpack.infra.assetDetails.kpi.subtitle.average": "平均", "xpack.infra.assetDetails.metadata.seeMore.ariaLabel": "さらに{count}件の{fieldName}を表示", diff --git a/x-pack/platform/plugins/private/translations/translations/zh-CN.json b/x-pack/platform/plugins/private/translations/translations/zh-CN.json index ca314393371b2..e2d43f70eaa07 100644 --- a/x-pack/platform/plugins/private/translations/translations/zh-CN.json +++ b/x-pack/platform/plugins/private/translations/translations/zh-CN.json @@ -20937,7 +20937,6 @@ "xpack.infra.assetDetails.datePicker.commonlyUsedRanges.last7Days": "过去 7 天", "xpack.infra.assetDetails.datePicker.tooltip.autoRefresh": "持续出现加载数据问题?", "xpack.infra.assetDetails.datePicker.tooltip.autoRefresh.troubleshoot": "请尝试增加刷新时间间隔,缩短日期范围或关闭自动刷新。", - "xpack.infra.assetDetails.flyout.ariaLabel": "{name} 详情", "xpack.infra.assetDetails.header.return": "返回", "xpack.infra.assetDetails.kpi.subtitle.average": "平均值", "xpack.infra.assetDetails.metadata.seeMore.ariaLabel": "查看更多 {count} 个{fieldName}", diff --git a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/header/flyout_header.tsx b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/header/flyout_header.tsx index 26e5fd7884dc8..125a22cd90ee8 100644 --- a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/header/flyout_header.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/header/flyout_header.tsx @@ -21,12 +21,14 @@ import { import { css } from '@emotion/react'; import type { InventoryItemType } from '@kbn/metrics-data-access-plugin/common/inventory_models/types'; import type { DataSchemaFormat } from '@kbn/metrics-data-access-plugin/common'; +import { i18n } from '@kbn/i18n'; import { HostHeaderTitle } from './host_header_title'; type Props = Pick & { entityType: InventoryItemType; loading: boolean; schema?: DataSchemaFormat | null; + headingId?: string; }; export const FlyoutHeader = ({ @@ -36,6 +38,7 @@ export const FlyoutHeader = ({ entityType, loading, schema, + headingId, }: Props) => { const { euiTheme } = useEuiTheme(); @@ -58,7 +61,13 @@ export const FlyoutHeader = ({ {loading ? ( ) : ( -

+

{entityType === 'host' ? : title}

)} diff --git a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/template/flyout.tsx b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/template/flyout.tsx index c8bfe1ad5eb2a..a1fe1b673a274 100644 --- a/x-pack/solutions/observability/plugins/infra/public/components/asset_details/template/flyout.tsx +++ b/x-pack/solutions/observability/plugins/infra/public/components/asset_details/template/flyout.tsx @@ -5,9 +5,8 @@ * 2.0. */ -import { EuiFlyout, EuiFlyoutBody, EuiFlyoutHeader } from '@elastic/eui'; +import { EuiFlyout, EuiFlyoutBody, EuiFlyoutHeader, useGeneratedHtmlId } from '@elastic/eui'; import React, { useCallback, useEffect } from 'react'; -import { i18n } from '@kbn/i18n'; import { useKibanaContextForPlugin } from '../../../hooks/use_kibana'; import { ASSET_DETAILS_FLYOUT_COMPONENT_NAME } from '../constants'; import { Content } from '../content/content'; @@ -47,16 +46,15 @@ export const Flyout = ({ closeFlyout(); }, [closeFlyout, setUrlState]); + const headingId = useGeneratedHtmlId({ prefix: 'assetDetailsFlyoutTitle' }); + return ( <> @@ -67,6 +65,7 @@ export const Flyout = ({ entityType={entity.type} loading={loading} schema={schema} + headingId={headingId} />