From c212c740b32353ce877f9c8975d2fc271a98e482 Mon Sep 17 00:00:00 2001
From: Dylan Broussard <deraw@outlook.fr>
Date: Mon, 18 Oct 2021 17:41:43 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BF=EF=B8=8F=20vue-dot:=20Add=20ARIA=20ro?=
 =?UTF-8?q?le=20attribute=20on=20NotificationBar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                                                  | 3 ++-
 .../vue-dot/src/patterns/NotificationBar/NotificationBar.vue  | 1 +
 .../tests/__snapshots__/NotificationBar.spec.ts.snap          | 4 ++--
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7c586d4ac7..736fafe17c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,7 +9,8 @@
   - **isEmailValid:** Mise à jour des données de test ([#1483](https://github.com/assurance-maladie-digital/design-system/pull/1483)) ([acfef7a](https://github.com/assurance-maladie-digital/design-system/commit/acfef7ac369de704d2f795503c7b0ed71500180b))
 
 - ♿️ **Accessibility**
-  - **FranceConnectBtn:** Ajout d'un label sur le bouton et amélioration du style au focus ([#1508](https://github.com/assurance-maladie-digital/design-system/pull/1508))
+  - **FranceConnectBtn:** Ajout d'un label sur le bouton et amélioration du style au focus ([#1508](https://github.com/assurance-maladie-digital/design-system/pull/1508)) ([a6115cb](https://github.com/assurance-maladie-digital/design-system/commit/a6115cb21fb55e7561e11f4755aa65beae8f9b73))
+  - **NotificationBar:** Ajout de l'attribut ARIA `role` ([#1509](https://github.com/assurance-maladie-digital/design-system/pull/1509))
 
 ### Vue Dash
 
diff --git a/packages/vue-dot/src/patterns/NotificationBar/NotificationBar.vue b/packages/vue-dot/src/patterns/NotificationBar/NotificationBar.vue
index 42908e029d..f81aa3bc88 100644
--- a/packages/vue-dot/src/patterns/NotificationBar/NotificationBar.vue
+++ b/packages/vue-dot/src/patterns/NotificationBar/NotificationBar.vue
@@ -3,6 +3,7 @@
 		v-bind="options.snackBar"
 		:value="Boolean(notification)"
 		:color="snackbarColor"
+		role="status"
 	>
 		<div
 			v-if="notification"
diff --git a/packages/vue-dot/src/patterns/NotificationBar/tests/__snapshots__/NotificationBar.spec.ts.snap b/packages/vue-dot/src/patterns/NotificationBar/tests/__snapshots__/NotificationBar.spec.ts.snap
index 7a889a02d9..a4276fd392 100644
--- a/packages/vue-dot/src/patterns/NotificationBar/tests/__snapshots__/NotificationBar.spec.ts.snap
+++ b/packages/vue-dot/src/patterns/NotificationBar/tests/__snapshots__/NotificationBar.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`NotificationBar renders correctly 1`] = `
-<vsnackbar-stub tag="div" value="true" top="true" contentclass="" timeout="-1" transition="v-snack-transition">
+<vsnackbar-stub tag="div" value="true" top="true" contentclass="" timeout="-1" transition="v-snack-transition" role="status">
   <div class="d-flex align-center">
     <vicon-stub color="white" class="vd-notification-icon mr-2">
       M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z
@@ -13,7 +13,7 @@ exports[`NotificationBar renders correctly 1`] = `
 `;
 
 exports[`NotificationBar renders correctly with a custom icon 1`] = `
-<vsnackbar-stub tag="div" value="true" top="true" contentclass="" timeout="-1" transition="v-snack-transition">
+<vsnackbar-stub tag="div" value="true" top="true" contentclass="" timeout="-1" transition="v-snack-transition" role="status">
   <div class="d-flex align-center">
     <vicon-stub color="white" class="vd-notification-icon mr-2">
       test-icon