Project import generated by Copybara

PiperOrigin-RevId: 663356247
tensorflow · Aug 15, 2024 · 200109a · 200109a
1 parent 626ef29
commit 200109a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/frontend/app/app.ng.html b/frontend/app/app.ng.html
@@ -11,6 +11,7 @@
 <ng-template #progress_bar>
   <div class="progress-container" *ngIf="loading">
     <div class="loading-message">Loading data</div>
-    <mat-progress-bar color="primary" mode="indeterminate"></mat-progress-bar>
+    <!-- TODO(go/progressbar-aria): Replace the aria-label with a better description, e.g. "Fetching user data" -->
+    <mat-progress-bar color="primary" mode="indeterminate" aria-label="Loading"></mat-progress-bar>
   </div>
 </ng-template>
diff --git a/frontend/app/components/graph_viewer/graph_viewer.ng.html b/frontend/app/components/graph_viewer/graph_viewer.ng.html
@@ -8,7 +8,8 @@
     <diagnostics-view [diagnostics]="diagnostics"></diagnostics-view>
     <div class="progress-container" *ngIf="loadingGraphHtml">
       <div class="loading-message">Loading graph viewer data</div>
-      <mat-progress-bar color="primary" mode="indeterminate"></mat-progress-bar>
+      <!-- TODO(go/progressbar-aria): Replace the aria-label with a better description, e.g. "Fetching user data" -->
+      <mat-progress-bar color="primary" mode="indeterminate" aria-label="Loading"></mat-progress-bar>
     </div>
     <iframe #iframe id="graph-html" [src]="graphvizUri | safe"></iframe>
   </mat-sidenav-content>

diff --git a/frontend/app/components/main_page/main_page.ng.html b/frontend/app/components/main_page/main_page.ng.html
@@ -19,7 +19,8 @@
   <mat-sidenav-content>
     <div class="progress-container" *ngIf="loading">
       <div class="loading-message">{{loadingMessage}}</div>
-      <mat-progress-bar color="primary" mode="indeterminate"></mat-progress-bar>
+      <!-- TODO(go/progressbar-aria): Replace the aria-label with a better description, e.g. "Fetching user data" -->
+      <mat-progress-bar color="primary" mode="indeterminate" aria-label="Loading"></mat-progress-bar>
     </div>
     <div [className]="loading ? 'hidden-content' : 'full-height'">
       <router-outlet></router-outlet>