From 02c21aa1e2d6865b9755f5cc7d53ecd081994382 Mon Sep 17 00:00:00 2001 From: Bhavya RM Date: Tue, 3 May 2022 15:37:23 -0400 Subject: [PATCH] Adding aria-label for discover data grid select document checkbox (#131277) --- .../discover_grid/discover_grid_document_selection.tsx | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/plugins/discover/public/components/discover_grid/discover_grid_document_selection.tsx b/src/plugins/discover/public/components/discover_grid/discover_grid_document_selection.tsx index e804dcb8eca7a..2f1f74153d7af 100644 --- a/src/plugins/discover/public/components/discover_grid/discover_grid_document_selection.tsx +++ b/src/plugins/discover/public/components/discover_grid/discover_grid_document_selection.tsx @@ -18,6 +18,7 @@ import { } from '@elastic/eui'; import { FormattedMessage } from '@kbn/i18n-react'; import { euiLightVars as themeLight, euiDarkVars as themeDark } from '@kbn/ui-theme'; +import { i18n } from '@kbn/i18n'; import { DiscoverGridContext } from './discover_grid_context'; import { ElasticSearchHit } from '../../types'; @@ -36,6 +37,11 @@ export const SelectButton = ({ rowIndex, setCellProps }: EuiDataGridCellValueEle const id = useMemo(() => getDocId(doc), [doc]); const checked = useMemo(() => selectedDocs.includes(id), [selectedDocs, id]); + const toggleDocumentSelectionLabel = i18n.translate('discover.grid.selectDoc', { + defaultMessage: `Select document '{rowNumber}'`, + values: { rowNumber: rowIndex + 1 }, + }); + useEffect(() => { if (expanded && doc && expanded._id === doc._id) { setCellProps({ @@ -51,7 +57,7 @@ export const SelectButton = ({ rowIndex, setCellProps }: EuiDataGridCellValueEle return ( {