diff --git a/x-pack/solutions/observability/plugins/apm/public/components/app/service_groups/service_groups_list/sort.tsx b/x-pack/solutions/observability/plugins/apm/public/components/app/service_groups/service_groups_list/sort.tsx index bc5bca798cdb8..4048d9897ab97 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/app/service_groups/service_groups_list/sort.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/app/service_groups/service_groups_list/sort.tsx @@ -36,6 +36,9 @@ export function Sort({ type, onChange }: Props) { return ( onChange(e.target.value as ServiceGroupsSortType)} diff --git a/x-pack/solutions/observability/plugins/apm/public/components/shared/key_value_filter_list/index.tsx b/x-pack/solutions/observability/plugins/apm/public/components/shared/key_value_filter_list/index.tsx index bc32b3c395a1d..ea3745a7ffe65 100644 --- a/x-pack/solutions/observability/plugins/apm/public/components/shared/key_value_filter_list/index.tsx +++ b/x-pack/solutions/observability/plugins/apm/public/components/shared/key_value_filter_list/index.tsx @@ -20,6 +20,7 @@ import { i18n } from '@kbn/i18n'; import React, { Fragment } from 'react'; import styled from 'styled-components'; import { isEmpty } from 'lodash'; +import { css } from '@emotion/react'; interface KeyValue { key: string; @@ -78,23 +79,41 @@ export function KeyValueFilterList({ - + {key} - + {isFilterable && ( { onClickFilter({ key, value }); }} + aria-label={i18n.translate( + 'xpack.apm.keyValueFilterList.actionFilterLabel', + { defaultMessage: 'Filter by value' } + )} data-test-subj={`filter_by_${key}`} >