[8.19] fix: [Security:Intelligence:AddIntegrations] Change defaults option on add integrations page is announced incorrectly (#220073) (#220205)

# Backport

This will backport the following commits from `main` to `8.19`:
- [fix: [Security:Intelligence:AddIntegrations] Change defaults option
on add integrations page is announced incorrectly
(#220073)](#220073)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Alexey
Antonov","email":"[email protected]"},"sourceCommit":{"committedDate":"2025-05-06T08:22:26Z","message":"fix:
[Security:Intelligence:AddIntegrations] Change defaults option on add
integrations page is announced incorrectly (#220073)\n\nCloses:
#209785\n\n## Description\nThe change defaults option on add
integrations page is announced as\n\"Collect abuseCH logs via API using
Elastic Agent, collapsed, button'\ninstead of change defaults\n\n##
Screen\n\n<img width=\"1093\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/20455a4f-2549-4c08-82ca-258e1abb9b1b\"\n/>\n\n##
Changes made: \n\n1. `aria-label` was set to `Change default settings
for
{title}`","sha":"c4519a1bd73cdbc8419d869be80e2d7e7f792529","branchLabelMapping":{"^v9.1.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["Project:Accessibility","release_note:skip","Team:Fleet","backport:prev-major","v9.1.0"],"title":"fix:
[Security:Intelligence:AddIntegrations] Change defaults option on add
integrations page is announced
incorrectly","number":220073,"url":"https://github.com/elastic/kibana/pull/220073","mergeCommit":{"message":"fix:
[Security:Intelligence:AddIntegrations] Change defaults option on add
integrations page is announced incorrectly (#220073)\n\nCloses:
#209785\n\n## Description\nThe change defaults option on add
integrations page is announced as\n\"Collect abuseCH logs via API using
Elastic Agent, collapsed, button'\ninstead of change defaults\n\n##
Screen\n\n<img width=\"1093\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/20455a4f-2549-4c08-82ca-258e1abb9b1b\"\n/>\n\n##
Changes made: \n\n1. `aria-label` was set to `Change default settings
for
{title}`","sha":"c4519a1bd73cdbc8419d869be80e2d7e7f792529"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/220073","number":220073,"mergeCommit":{"message":"fix:
[Security:Intelligence:AddIntegrations] Change defaults option on add
integrations page is announced incorrectly (#220073)\n\nCloses:
#209785\n\n## Description\nThe change defaults option on add
integrations page is announced as\n\"Collect abuseCH logs via API using
Elastic Agent, collapsed, button'\ninstead of change defaults\n\n##
Screen\n\n<img width=\"1093\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/20455a4f-2549-4c08-82ca-258e1abb9b1b\"\n/>\n\n##
Changes made: \n\n1. `aria-label` was set to `Change default settings
for {title}`","sha":"c4519a1bd73cdbc8419d869be80e2d7e7f792529"}}]}]
BACKPORT-->

Co-authored-by: Alexey Antonov <[email protected]>

Author: kibanamachine

x-pack/platform/plugins/shared/fleet/public/applications/fleet/sections/agent_policy/create_package_policy_page/components/steps/components/package_policy_input_panel.tsx

@@ -8,6 +8,7 @@
 import React, { useState, Fragment, memo, useMemo, useCallback } from 'react';
 import styled from 'styled-components';
 import { FormattedMessage } from '@kbn/i18n-react';
+import { i18n } from '@kbn/i18n';
 import {
   EuiFlexGroup,
   EuiFlexItem,
@@ -17,7 +18,6 @@ import {
   EuiHorizontalRule,
   EuiSpacer,
   EuiButtonEmpty,
-  htmlIdGenerator,
 } from '@elastic/eui';
 
 import type {
@@ -157,8 +157,6 @@ export const PackagePolicyInputPanel: React.FunctionComponent<{
       [packageInputStreamShouldBeVisible, packageInputStreams, packagePolicyInput.streams]
     );
 
-    const titleElementId = useMemo(() => htmlIdGenerator()(), []);
-
     return (
       <>
         {/* Header / input-level toggle */}
@@ -170,10 +168,7 @@ export const PackagePolicyInputPanel: React.FunctionComponent<{
                 <EuiFlexGroup alignItems="center" gutterSize="s">
                   <EuiFlexItem grow={false}>
                     <EuiTitle size="xs">
-                      <h3
-                        data-test-subj="PackagePolicy.InputStreamConfig.title"
-                        id={titleElementId}
-                      >
+                      <h3 data-test-subj="PackagePolicy.InputStreamConfig.title">
                         {packageInput.title || packageInput.type}
                       </h3>
                     </EuiTitle>
@@ -217,7 +212,15 @@ export const PackagePolicyInputPanel: React.FunctionComponent<{
                   iconType={isShowingStreams ? 'arrowUp' : 'arrowDown'}
                   iconSide="right"
                   aria-expanded={isShowingStreams}
-                  aria-labelledby={titleElementId}
+                  aria-label={i18n.translate(
+                    'xpack.fleet.createPackagePolicy.stepConfigure.expandAriaLabel',
+                    {
+                      defaultMessage: 'Change default settings for {title}',
+                      values: {
+                        title: packageInput.title || packageInput.type,
+                      },
+                    }
+                  )}
                 >
                   {
                     <FormattedMessage