From b01455b4974ad2fcd1df2b218284a5c87850cd6a Mon Sep 17 00:00:00 2001
From: Profiler Team <copybara-servicebot@google.com>
Date: Tue, 2 Apr 2024 15:41:21 -0700
Subject: [PATCH] Improve accessibility reader parsing for Hlo Op Profile

PiperOrigin-RevId: 621317756
---
 .../op_table_entry/op_table_entry.ng.html          | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/app/components/op_profile/op_table_entry/op_table_entry.ng.html b/frontend/app/components/op_profile/op_table_entry/op_table_entry.ng.html
index cb6c4ad0..aefe35e6 100644
--- a/frontend/app/components/op_profile/op_table_entry/op_table_entry.ng.html
+++ b/frontend/app/components/op_profile/op_table_entry/op_table_entry.ng.html
@@ -8,10 +8,10 @@
     >
     <div class="bar" [style.width]="barWidth"></div>
     <div class="row-focus" [hidden]="node !== selectedNode"></div>
-    <span class="time">{{percent}}</span>
-    <span class="wasted">{{timeWasted}}</span>
-    <span class="hbmFraction">{{hbmFraction}}</span>
-    <span class="name" [style.padding-left]="offset">
+    <span aria-label="Time %:"></span><span class="time">{{percent}}</span>
+    <span aria-label="Wasted %:"></span><span class="wasted">{{timeWasted}}</span>
+    <span aria-label="HBM %:"></span><span class="hbmFraction">{{hbmFraction}}</span>
+    <span aria-label="Name:"></span><span class="name" [style.padding-left]="offset">
       <span class="disclosure">
         <span [hidden]="!children.length">
           <span [hidden]="expanded">&#x25ba;</span>
@@ -20,8 +20,8 @@
       </span>
       {{name}}
     </span>
-    <span class="provenance">{{provenance}}&nbsp;</span>
-    <span
+    <span aria-label="Framework Op type:"></span><span class="provenance">{{provenance}}&nbsp;</span>
+    <span aria-label="FLOPS:"></span><span
       class="utilization">
       {{flopsUtilization}}
     </span>
@@ -29,7 +29,7 @@
       class="flame-color-circle"
       [style.background-color]="flameColor">
     </span>
-    <span
+    <span class="accessible_text">HBM</span><span
       class="hbmUtilization">
       {{hbmUtilization}}
     </span>