fix: [Obs AI Ops > Log Rate Analysis][KEYBOARD]: Table rows have icon tooltips that do not receive keyboard focus (#183734)

Closes: https://github.com/elastic/observability-dev/issues/3400

## Description

The Obs LOg Rate Analysis table rows each have an icon that exposes a
tooltip when hovered, but that tooltip cannot take keyboard focus,
making it unavailable to keyboard users. Screenshot attached below.

### Steps to recreate
1. Open the [Obs Log Rate
Analysis](https://issue-serverless-bbumq-pr182542-d34c16.kb.eu-west-1.aws.qa.elastic.cloud/app/ml/aiops/log_rate_analysis_index_select)
view
2. Tab through the table, until focus is on an element after the table
in the source order
6. Verify the icons in the table row(s) never receive focus and the
tooltips never become visible

### What was changed?: 
1. `EuiToolTip` was replaced to more accessible `EuiIconTip`

### Screen:


941a9b04-811f-4f01-bb48-00df96b1ced0
This commit is contained in:
Alexey Antonov 2024-05-21 13:06:05 +03:00 committed by GitHub
parent 163a04ecd4
commit 130bf7b9c5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -16,13 +16,13 @@ import type { IUiSettingsClient } from '@kbn/core/public';
import {
EuiFlexGroup,
EuiFlexItem,
EuiIcon,
EuiInMemoryTable,
EuiLink,
EuiSearchBarProps,
EuiTableFieldDataColumnType,
EuiText,
EuiToolTip,
EuiIconTip,
IconType,
PropertySort,
Query,
@ -255,14 +255,14 @@ export class SavedObjectFinderUi extends React.Component<
).getIconForSavedObject(item.simple);
return (
<EuiToolTip position="top" content={currentSavedObjectMetaData.name}>
<EuiIcon
aria-label={currentSavedObjectMetaData.name}
type={iconType}
size="s"
data-test-subj="objectType"
/>
</EuiToolTip>
<EuiIconTip
position="top"
content={currentSavedObjectMetaData.name}
aria-label={currentSavedObjectMetaData.name}
type={iconType}
size="s"
data-test-subj="objectType"
/>
);
},
}