feat(slider): add accessible Swiper carousel foundation

.eslintrc

@@ -6,6 +6,9 @@
 	"plugins": [
 		"prettier"
 	],
+	"env": {
+		"browser": true
+	},
 	"globals": {
 		"jQuery": true,
 		"wp": true

components/parts/common/swiper-controls.php

@@ -0,0 +1,17 @@
+<?php
+
+/**
+ * Swiper Controls
+ * Swiper add/replace automatically the aria-label, the role, the icon on the buttons
+ *
+ * @var array $args
+ */
+
+?>
+
+<div class="swiper__controls">
+	<div class="swiper__buttons">
+		<div class="swiper-button-prev swiper__button" role="button" aria-label="<?php esc_attr_e( 'Previous slide', 'beapi-blocks-theme' ); ?>"></div>
+		<div class="swiper-button-next swiper__button" role="button" aria-label="<?php esc_attr_e( 'Next slide', 'beapi-blocks-theme' ); ?>"></div>
+	</div>
+</div>

inc/Services/Assets.php

@@ -88,7 +88,7 @@ public function register_assets(): void {
 			$this->assets_tools->register_script(
 				'scripts',
 				$asset['file'],
-				array_merge( [ 'jquery' ], $asset['dependencies'] ), // ensure jQuery dependency is set even if not declared explicitly in the JS
+				array_merge( [ 'jquery', 'wp-i18n' ], $asset['dependencies'] ), // ensure jQuery dependency is set even if not declared explicitly in the JS
 				$asset['version'],
 				[ 'strategy' => 'defer' ]
 			);
@@ -127,6 +127,12 @@ public function register_assets(): void {
 	public function enqueue_scripts(): void {
 		// JS
 		$this->assets_tools->enqueue_script( 'scripts' );
+
+		wp_set_script_translations(
+			'scripts',
+			'beapi-blocks-theme',
+			\get_theme_file_path( 'languages' )
+		);
 	}
 
 	/**

languages/beapi-blocks-theme-fr_FR-a442c66c97675e8bda3e3b62b3a8c8ec.json

@@ -0,0 +1 @@
+{"translation-revision-date":"2026-04-10 16:29+0200","generator":"WP-CLI\/2.12.0","source":"dist\/app.js","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","lang":"fr_FR","plural-forms":"nplurals=2; plural=(n > 1);"},"Previous slide":["Diapositive pr\u00e9c\u00e9dente"],"Next slide":["Diapositive suivante"],"This is the first slide":["C'est la premi\u00e8re diapositive"],"This is the last slide":["C'est la derni\u00e8re diapositive"],"Go to slide {{index}}":["Aller \u00e0 la diapositive {{index}}"],"{{index}} of {{slidesLength}}":["{{index}} sur {{slidesLength}}"]}}}

languages/beapi-blocks-theme-fr_FR.po

@@ -381,3 +381,29 @@ msgstr ""
 
 #~ msgid "Add to my calendar"
 #~ msgstr "Ajouter à mon calendrier"
+
+#: components/parts/common/swiper-controls.php:14
+#: dist/app.js
+msgid "Previous slide"
+msgstr "Diapositive précédente"
+
+#: components/parts/common/swiper-controls.php:15
+#: dist/app.js
+msgid "Next slide"
+msgstr "Diapositive suivante"
+
+#: dist/app.js
+msgid "This is the first slide"
+msgstr "C'est la première diapositive"
+
+#: dist/app.js
+msgid "This is the last slide"
+msgstr "C'est la dernière diapositive"
+
+#: dist/app.js
+msgid "Go to slide {{index}}"
+msgstr "Aller à la diapositive {{index}}"
+
+#: dist/app.js
+msgid "{{index}} of {{slidesLength}}"
+msgstr "{{index}} sur {{slidesLength}}"

languages/beapi-blocks-theme.pot

@@ -336,3 +336,29 @@ msgstr ""
 msgctxt "Template part name"
 msgid "Footer"
 msgstr ""
+
+#: components/parts/common/swiper-controls.php:14
+#: dist/app.js
+msgid "Previous slide"
+msgstr ""
+
+#: components/parts/common/swiper-controls.php:15
+#: dist/app.js
+msgid "Next slide"
+msgstr ""
+
+#: dist/app.js
+msgid "This is the first slide"
+msgstr ""
+
+#: dist/app.js
+msgid "This is the last slide"
+msgstr ""
+
+#: dist/app.js
+msgid "Go to slide {{index}}"
+msgstr ""
+
+#: dist/app.js
+msgid "{{index}} of {{slidesLength}}"
+msgstr ""