diff --git a/examples/discover_customization_examples/moon.yml b/examples/discover_customization_examples/moon.yml index cba9b3b972d6a..09f385cd00b17 100644 --- a/examples/discover_customization_examples/moon.yml +++ b/examples/discover_customization_examples/moon.yml @@ -27,6 +27,7 @@ dependsOn: - '@kbn/saved-search-plugin' - '@kbn/content-management-utils' - '@kbn/control-group-renderer' + - '@kbn/i18n' tags: - plugin - prod diff --git a/examples/discover_customization_examples/public/plugin.tsx b/examples/discover_customization_examples/public/plugin.tsx index 8ab0ff344478e..d15bc926bdc2a 100644 --- a/examples/discover_customization_examples/public/plugin.tsx +++ b/examples/discover_customization_examples/public/plugin.tsx @@ -8,6 +8,7 @@ */ import { EuiButton, EuiContextMenu, EuiFlexItem, EuiPopover } from '@elastic/eui'; +import { i18n } from '@kbn/i18n'; import type { CoreSetup, CoreStart, Plugin } from '@kbn/core/public'; import type { DeveloperExamplesSetup } from '@kbn/developer-examples-plugin/public'; import type { @@ -121,6 +122,10 @@ export class DiscoverCustomizationExamplesPlugin implements Plugin { return ( { return ( { return ( ({ return ( = ({ return ( = React.memo( { display="inlineBlock" panelPaddingSize="none" anchorPosition="upRight" + aria-label={i18n.translate('indexPatternEditor.titleDocsPopover.ariaLabel', { + defaultMessage: 'Index pattern examples', + })} closePopover={() => setIsOpen(false)} > diff --git a/src/platform/plugins/shared/data_view_field_editor/public/components/preview/image_preview_modal.tsx b/src/platform/plugins/shared/data_view_field_editor/public/components/preview/image_preview_modal.tsx index 9fce3f31f765a..c0e0bbb6c60da 100644 --- a/src/platform/plugins/shared/data_view_field_editor/public/components/preview/image_preview_modal.tsx +++ b/src/platform/plugins/shared/data_view_field_editor/public/components/preview/image_preview_modal.tsx @@ -10,6 +10,7 @@ import React from 'react'; import { css } from '@emotion/react'; import { EuiModal, EuiModalBody, type UseEuiTheme } from '@elastic/eui'; +import { i18n } from '@kbn/i18n'; import { useMemoCss } from '@kbn/css-utils/public/use_memo_css'; /** @@ -35,7 +36,12 @@ export const ImagePreviewModal = ({ imgHTML, closeModal }: Props) => { const styles = useMemoCss(componentStyles); return ( - +
> = ({ isOpen={isOpen} closePopover={() => setIsOpen(false)} panelPaddingSize="none" + aria-label={i18n.translate( + 'indexPatternManagement.editDataView.moreActionsPopoverAriaLabel', + { + defaultMessage: 'More actions', + } + )} button={ = ({ = ({ = ({ @@ -43,6 +44,7 @@ exports[`ScriptingHelpFlyout should render normally 1`] = ` exports[`ScriptingHelpFlyout should render nothing if not visible 1`] = ` diff --git a/src/platform/plugins/shared/data_view_management/public/components/field_editor/components/scripting_help/help_flyout.tsx b/src/platform/plugins/shared/data_view_management/public/components/field_editor/components/scripting_help/help_flyout.tsx index 510fbe65d3717..146653f877a3c 100644 --- a/src/platform/plugins/shared/data_view_management/public/components/field_editor/components/scripting_help/help_flyout.tsx +++ b/src/platform/plugins/shared/data_view_management/public/components/field_editor/components/scripting_help/help_flyout.tsx @@ -9,6 +9,7 @@ import React from 'react'; import { EuiFlyout, EuiFlyoutBody, EuiTabbedContent } from '@elastic/eui'; +import { i18n } from '@kbn/i18n'; import type { DataView } from '@kbn/data-views-plugin/public'; import { ScriptingSyntax } from './scripting_syntax'; @@ -59,7 +60,14 @@ export const ScriptingHelpFlyout: React.FC = ({ ]; return isVisible ? ( - + diff --git a/src/platform/plugins/shared/discover/public/application/main/components/layout/cascaded_documents/blocks/use_row_header_components.tsx b/src/platform/plugins/shared/discover/public/application/main/components/layout/cascaded_documents/blocks/use_row_header_components.tsx index 569357b99cee0..75ecf9368f0b9 100644 --- a/src/platform/plugins/shared/discover/public/application/main/components/layout/cascaded_documents/blocks/use_row_header_components.tsx +++ b/src/platform/plugins/shared/discover/public/application/main/components/layout/cascaded_documents/blocks/use_row_header_components.tsx @@ -320,6 +320,9 @@ export const useEsqlDataCascadeRowActionHelpers = ({ panelPaddingSize="none" anchorPosition="upLeft" container={container} + aria-label={i18n.translate('discover.dataCascade.rowActions.popoverAriaLabel', { + defaultMessage: 'Row actions', + })} > = isOpen={isOpen} display="inlineBlock" panelPaddingSize="none" + aria-label={title} closePopover={() => setIsOpen(false)} initialFocus="#querySyntaxBasicTableId" > diff --git a/src/platform/plugins/shared/discover/public/application/main/components/top_nav/solutions_view_badge.tsx b/src/platform/plugins/shared/discover/public/application/main/components/top_nav/solutions_view_badge.tsx index 81c9c77addaa5..749e76f40a607 100644 --- a/src/platform/plugins/shared/discover/public/application/main/components/top_nav/solutions_view_badge.tsx +++ b/src/platform/plugins/shared/discover/public/application/main/components/top_nav/solutions_view_badge.tsx @@ -57,6 +57,7 @@ export const SolutionsViewBadge: FunctionComponent<{ return ( {(title as string) && (