Improve a11y stops on Diagnostics data-point element

This change removes an empty stop in the data-point component

Bug: 1125150
Change-Id: Iaf0c606a99629bb3fe43fd903f9a23356eaf366c
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2688026
Reviewed-by: Zentaro Kavanagh <zentaro@chromium.org>
Commit-Queue: Bailey Berro <baileyberro@chromium.org>
Cr-Commit-Position: refs/heads/master@{#853177}

chromeos/components/diagnostics_ui/resources/data_point.html

@@ -14,7 +14,7 @@
 
   #infoIcon {
     bottom: 1px;
-    fill:  var(--google-grey-700);
+    fill: var(--google-grey-700);
     height: 20px;
     left: 4px;
     width: 20px;
@@ -31,11 +31,15 @@
 </style>
 <div class="data-point">
   <div class="header">
-    <span>[[header]]</span>
+    <span id="headerText" aria-hidden="true"> [[header]]</span>
     <iron-icon slot="icon" icon="cr:info-outline" id="infoIcon"
-      hidden$="[[!tooltipText]]">
+        hidden$="[[!tooltipText]]">
     </iron-icon>
-    <paper-tooltip for="infoIcon">[[tooltipText]]</paper-tooltip>
+    <paper-tooltip for="infoIcon" aria-hidden="true">
+      <span id="tooltipText">[[tooltipText]]</span>
+    </paper-tooltip>
   </div>
-  <div class$="[[getValueClass_(warningState)]]">[[value]]</div>
-</div>
+  <div class$="[[getValueClass_(warningState)]]" aria-labelledby="headerText"
+      aria-describedby="tooltipText"> [[value]]
+  </div>
+</div>