Changes before error encountered

Co-authored-by: mfranzke <787658+mfranzke@users.noreply.github.com>

Author: Copilot

packages/components/src/components/notification/notification.lite.tsx

@@ -12,6 +12,7 @@ import {
 	cls,
 	getBoolean,
 	getBooleanAsString,
+	getNotificationRole,
 	stringPropVisible
 } from '../../utils';
 import DBButton from '../button/button.lite';
@@ -41,6 +42,7 @@ export default function DBNotification(props: DBNotificationProps) {
 			ref={_ref}
 			id={props.id}
 			class={cls('db-notification', props.className)}
+			role={getNotificationRole(props.semantic)}
 			aria-live={props.ariaLive}
 			data-semantic={props.semantic}
 			data-variant={props.variant}

packages/components/src/utils/index.ts

@@ -157,3 +157,21 @@ export const isKeyboardEvent = <T>(
 	event?: ClickEvent<T> | GeneralKeyboardEvent<T>
 ): event is GeneralKeyboardEvent<T> =>
 	(event as GeneralKeyboardEvent<T>).key !== undefined;
+
+/**
+ * Maps semantic values to appropriate ARIA roles for notifications
+ * @param semantic - The semantic type of the notification
+ * @returns The appropriate ARIA role or undefined for default behavior
+ */
+export const getNotificationRole = (semantic?: string): string | undefined => {
+	switch (semantic) {
+		case 'critical':
+		case 'warning':
+			return 'alert';
+		case 'informational':
+		case 'successful':
+			return 'status';
+		default:
+			return undefined;
+	}
+};