fix: use alert role in accessibility notification

City-of-Helsinki · May 14, 2024 · 6d89bdc · 6d89bdc
1 parent a5bea58
commit 6d89bdc
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/common/components/accessibilityNotificationContext/AccessibilityNotificationContext.tsx b/src/common/components/accessibilityNotificationContext/AccessibilityNotificationContext.tsx
@@ -70,9 +70,9 @@ export const AccessibilityNotificationProvider: FC<PropsWithChildren> = ({
   return (
     <AccessibilityNotificationContext.Provider value={value}>
       {notifications.map(({ text, id }) => (
-        <output key={id} className={styles.accessibilityNotification}>
+        <div role="alert" key={id} className={styles.accessibilityNotification}>
           {text}
-        </output>
+        </div>
       ))}
 
       {children}