fix: update attributes

Author: r1shabhsharma

src/notification/actionable-notification.component.ts

@@ -31,7 +31,7 @@ import { BaseNotification } from "./base-notification.component";
 			</svg>
 			<div class="cds--actionable-notification__text-wrapper">
 				<div class="cds--actionable-notification__content">
-					<div *ngIf="!notificationObj.template" cdsActionableTitle [innerHTML]="notificationObj.title"></div>
+					<div *ngIf="!notificationObj.template" cdsActionableTitle [innerHTML]="notificationObj.title" [id]="notificationID"></div>
 					<div *ngIf="!notificationObj.template" cdsActionableSubtitle>
 						<span [innerHTML]="notificationObj.message"></span>
 						<ng-container *ngFor="let link of notificationObj.links">
@@ -83,7 +83,7 @@ export class ActionableNotification extends BaseNotification {
 	}
 
 	@HostBinding("attr.id") notificationID = `notification-${ActionableNotification.notificationCount}`;
-	@HostBinding("attr.aria-label") notificationLabel = `Notification`;
+	@HostBinding("attr.aria-labelledBy") notificationLabel = `Notification`;
 	@HostBinding("attr.aria-describedby") notificationDescription = `Notification-${ActionableNotification.notificationCount++}`;
 	@HostBinding("class.cds--actionable-notification") notificationClass = true;
 	@HostBinding("class.cds--actionable-notification--toast") get toastVariant() { return this.notificationObj.variant === "toast"; }

src/notification/notification.component.ts

@@ -26,7 +26,7 @@ import { BaseNotification } from "./base-notification.component";
 				class="cds--inline-notification__icon">
 			</svg>
 			<div class="cds--inline-notification__text-wrapper">
-				<div *ngIf="!notificationObj.template" cdsNotificationTitle [innerHTML]="notificationObj.title"></div>
+				<div *ngIf="!notificationObj.template" cdsNotificationTitle [innerHTML]="notificationObj.title" [id]="notificationID"></div>
 				<div *ngIf="!notificationObj.template" cdsNotificationSubtitle>
 					<span [innerHTML]="notificationObj.message"></span>
 				</div>
@@ -62,7 +62,9 @@ export class Notification extends BaseNotification {
 		this._notificationObj = Object.assign({}, this.defaultNotificationObj, obj);
 	}
 
-	@HostBinding("attr.id") notificationID = `notification-${Notification.notificationCount++}`;
+	@HostBinding("attr.id") notificationID = `notification-${Notification.notificationCount}`;
+	@HostBinding("attr.aria-labelledBy") notificationLabel = `Notification`;
+	@HostBinding("attr.aria-describedby") notificationDescription = `Notification-${Notification.notificationCount++}`;
 	@HostBinding("class.cds--inline-notification") notificationClass = true;
 	@HostBinding("class.cds--inline-notification--error") get isError() { return this.notificationObj.type === "error"; }
 	@HostBinding("class.cds--inline-notification--info") get isInfo() { return this.notificationObj.type === "info"; }