♿️ vue-dot: Add ARIA role attribute on NotificationBar

assurance-maladie-digital · Oct 18, 2021 · c212c74 · c212c74
1 parent a6115cb
commit c212c74
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git 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
@@ -3,6 +3,7 @@
 		v-bind="options.snackBar"
 		:value="Boolean(notification)"
 		:color="snackbarColor"
+		role="status"
 	>
 		<div
 			v-if="notification"

diff --git a/...ges/vue-dot/src/patterns/NotificationBar/tests/__snapshots__/NotificationBar.spec.ts.snap b/...ges/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