diff --git a/angular/src/components/callout.component.html b/angular/src/components/callout.component.html
index fc29b0844e4..53fc6647075 100644
--- a/angular/src/components/callout.component.html
+++ b/angular/src/components/callout.component.html
@@ -1,4 +1,5 @@
-<div class="callout callout-{{calloutStyle}}" [ngClass]="{'clickable': clickable}" role="alert">
+<div #callout class="callout callout-{{calloutStyle}}" [ngClass]="{'clickable': clickable}"
+    [attr.role]="useAlertRole ? 'alert' : null">
     <h3 class="callout-heading" *ngIf="title">
         <i class="fa {{icon}}" *ngIf="icon" aria-hidden="true"></i>
         {{title}}
diff --git a/angular/src/components/callout.component.ts b/angular/src/components/callout.component.ts
index 45125c20119..566d017a237 100644
--- a/angular/src/components/callout.component.ts
+++ b/angular/src/components/callout.component.ts
@@ -19,6 +19,7 @@ export class CalloutComponent implements OnInit {
     @Input() clickable: boolean;
     @Input() enforcedPolicyOptions: MasterPasswordPolicyOptions;
     @Input() enforcedPolicyMessage: string;
+    @Input() useAlertRole = false;
 
     calloutStyle: string;