feat(eslint): add EuiFlyoutResizable to @elastic/eui/require-aria-label-for-modals check (#8946)

Co-authored-by: Weronika Olejniczak <[email protected]>

Author: alexwizp

packages/eslint-plugin/README.md

@@ -129,7 +129,7 @@ It's worth pointing out that although the examples provided are specific to EUI
 
 ### `@elastic/eui/require-aria-label-for-modals`
 
-Ensures that EUI modal components (`EuiModal`, `EuiFlyout`, `EuiConfirmModal`) have either an `aria-label` or `aria-labelledby` prop for accessibility. This helps screen reader users understand the purpose and content of modal dialogs.
+Ensures that EUI modal components (`EuiModal`, `EuiFlyout`, `EuiFlyoutResizable` ,`EuiConfirmModal`) have either an `aria-label` or `aria-labelledby` prop for accessibility. This helps screen reader users understand the purpose and content of modal dialogs.
 
 ### `@elastic/eui/consistent-is-invalid-props`
 

packages/eslint-plugin/changelogs/upcoming/8946.md

@@ -0,0 +1 @@
+- Added `EuiFlyoutResizable` to `require-aria-label-for-modals` check

packages/eslint-plugin/src/rules/a11y/require_aria_label_for_modals.test.ts

@@ -50,6 +50,14 @@ ruleTester.run('require-aria-label-for-modals', RequireAriaLabelForModals, {
       `,
       languageOptions,
     },
+    {
+      code: dedent`
+        module.export = () => (
+          <EuiFlyoutResizable aria-labelledby="modalTitleId" />
+        )
+      `,
+      languageOptions,
+    },
     {
       code: dedent`
         module.export = () => (
@@ -97,6 +105,20 @@ ruleTester.run('require-aria-label-for-modals', RequireAriaLabelForModals, {
         },
       ],
     },
+    {
+      code: dedent`
+        module.export = () => (
+          <EuiFlyoutResizable title="Some title" />
+        )
+      `,
+      languageOptions,
+      errors: [
+        {
+          messageId: 'modalAriaMissing',
+          data: { component: 'EuiFlyoutResizable' },
+        },
+      ],
+    },
     {
       code: dedent`
         module.export = () => (

packages/eslint-plugin/src/rules/a11y/require_aria_label_for_modals.ts

@@ -19,7 +19,7 @@
 
 import { TSESTree, ESLintUtils } from '@typescript-eslint/utils';
 
-const modalComponents = ['EuiModal', 'EuiFlyout'];
+const modalComponents = ['EuiModal', 'EuiFlyout', 'EuiFlyoutResizable'];
 const confirmModalComponents = ['EuiConfirmModal'];
 
 export const RequireAriaLabelForModals = ESLintUtils.RuleCreator.withoutDocs({