[SharedUX][A11y] Fix Share modal export icon focusable (#217313)

## Summary

This PR fixes [[Platform:Dashboards:DashboardViewMode] Tooltips on
export tab on share panel are not announced because of lack of focus
on](https://github.com/elastic/kibana/issues/214447) and fixes [[a11y]
In the sharing menu the POST url info cannot be accessed with the
keyboar](215991d) issues.

Before:


https://github.com/user-attachments/assets/9c8c532d-1628-4f57-a2f0-2fe1d09e5cb6

After: 


https://github.com/user-attachments/assets/d7716469-ad73-4241-934d-f9f4d23a1279
This commit is contained in:
Paulina Shakirova 2025-04-08 12:00:08 +02:00 committed by GitHub
parent c6056655e6
commit 0a3e1fa3d8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -18,13 +18,12 @@ import {
EuiFlexGroup,
EuiFlexItem,
EuiForm,
EuiIcon,
EuiRadioGroup,
EuiSpacer,
EuiSwitch,
EuiSwitchEvent,
EuiText,
EuiToolTip,
EuiIconTip,
type EuiRadioGroupOption,
} from '@elastic/eui';
import { SupportedExportTypes, ShareMenuItemV2 } from '../../../types';
@ -113,16 +112,14 @@ const ExportContentUi = ({
/>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiToolTip
<EuiIconTip
content={
<FormattedMessage
id="share.screenCapturePanelContent.optimizeForPrintingHelpText"
defaultMessage="Uses multiple pages, showing at most 2 visualizations per page "
/>
}
>
<EuiIcon type="questionInCircle" />
</EuiToolTip>
/>
</EuiFlexItem>
</EuiFlexGroup>
);
@ -152,7 +149,7 @@ const ExportContentUi = ({
</EuiCopy>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiToolTip
<EuiIconTip
content={
<EuiText size="s">
<FormattedMessage
@ -161,9 +158,7 @@ const ExportContentUi = ({
/>
</EuiText>
}
>
<EuiIcon type="questionInCircle" />
</EuiToolTip>
/>
</EuiFlexItem>
</EuiFlexGroup>
);