fix(loading-distractor): Loading distractor text is now announced by …

…screen readers.
dynatrace-oss · Apr 22, 2022 · 9181d8e · 9181d8e
1 parent d6163c1
commit 9181d8e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/libs/barista-components/loading-distractor/src/loading-distractor.html b/libs/barista-components/loading-distractor/src/loading-distractor.html
@@ -2,6 +2,6 @@
   [aria-labelledby]="_labelId"
   class="dt-loading-spinner"
 ></dt-loading-spinner>
-<div [id]="_labelId" class="dt-loading-distractor-label">
+<div role="status" [id]="_labelId" class="dt-loading-distractor-label">
   <ng-content></ng-content>
 </div>
diff --git a/libs/barista-components/loading-distractor/src/loading-distractor.ts b/libs/barista-components/loading-distractor/src/loading-distractor.ts
@@ -27,6 +27,9 @@ let nextUniqueId = 0;
   exportAs: 'dtLoadingDistractor',
   templateUrl: 'loading-distractor.html',
   styleUrls: ['loading-distractor.scss'],
+  host: {
+    role: 'alert',
+  },
   encapsulation: ViewEncapsulation.Emulated,
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,