feat(a11y): add containerRole parameter (#7708)

* Add containerRole parameter to a11y module

To fix accessibility error related to aria-roledescription

* add types

---------

Co-authored-by: Vladimir Kharlampidi <[email protected]>

Author: michaelbourne

src/modules/a11y/a11y.mjs

@@ -15,6 +15,7 @@ export default function A11y({ swiper, extendParams, on }) {
       slideLabelMessage: '{{index}} / {{slidesLength}}',
       containerMessage: null,
       containerRoleDescriptionMessage: null,
+      containerRole: null,
       itemRoleDescriptionMessage: null,
       slideRole: 'group',
       id: null,
@@ -302,6 +303,9 @@ export default function A11y({ swiper, extendParams, on }) {
     if (params.containerMessage) {
       addElLabel(containerEl, params.containerMessage);
     }
+    if (params.containerRole) {
+      addElRole(containerEl, params.containerRole);
+    }
 
     // Wrapper
     const wrapperEl = swiper.wrapperEl;

src/types/modules/a11y.d.ts

@@ -66,6 +66,13 @@ export interface A11yOptions {
    */
   containerRoleDescriptionMessage?: string | null;
 
+  /**
+   * Value of the "role" attribute to be set on the swiper container
+   *
+   * @default null
+   */
+  containerRole?: string | null;
+
   /**
    * Message for screen readers describing the role of slide element
    *