diff --git a/examples/discover_customization_examples/moon.yml b/examples/discover_customization_examples/moon.yml index 84aa382f4de93..7961dd33d3dd4 100644 --- a/examples/discover_customization_examples/moon.yml +++ b/examples/discover_customization_examples/moon.yml @@ -27,6 +27,7 @@ dependsOn: - '@kbn/data-plugin' - '@kbn/saved-search-plugin' - '@kbn/content-management-utils' + - '@kbn/i18n' tags: - plugin - prod diff --git a/examples/discover_customization_examples/public/plugin.tsx b/examples/discover_customization_examples/public/plugin.tsx index 8c8bd102570c4..8cfd43ae0d1d8 100644 --- a/examples/discover_customization_examples/public/plugin.tsx +++ b/examples/discover_customization_examples/public/plugin.tsx @@ -9,6 +9,7 @@ import type { IconType } from '@elastic/eui'; 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 { @@ -135,6 +136,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/no_results/no_results_suggestions/syntax_suggestions_popover.tsx b/src/platform/plugins/shared/discover/public/application/main/components/no_results/no_results_suggestions/syntax_suggestions_popover.tsx index 5e309a45949dd..f0e1d2cbe8599 100644 --- a/src/platform/plugins/shared/discover/public/application/main/components/no_results/no_results_suggestions/syntax_suggestions_popover.tsx +++ b/src/platform/plugins/shared/discover/public/application/main/components/no_results/no_results_suggestions/syntax_suggestions_popover.tsx @@ -71,6 +71,7 @@ export const SyntaxSuggestionsPopover: React.FC = 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 7023d5447b07c..d6f5893ca84af 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 @@ -55,6 +55,7 @@ export const SolutionsViewBadge: FunctionComponent<{ badgeText: string }> = ({ b return ( {(title as string) && (