improvement aria attr

Author: lucasferreiralimax

projects/voicecapture-angular/src/lib/voicecapture-angular.component.html

@@ -4,16 +4,27 @@
   (click)="deactivateVoice()"
   [ngClass]="mode"
 >
-  <button class="exit" type="button" (click)="deactivateVoice()">
-    <i class="icon icon-exit">X</i>
+  <button
+    class="exit"
+    (click)="deactivateVoice()"
+    aria-label="Close voice capture"
+    type="button"
+  >
+    <i class="icon icon-exit" aria-hidden="true">X</i>
   </button>
-  <p class="text-tip"></p>
-  <button type="button" class="btn-voice" [class.active]="animationButton">
+  <p class="text-tip" aria-live="polite"></p>
+  <button
+    class="btn-voice"
+    [class.active]="animationButton"
+    aria-label="Start voice capture"
+    type="button"
+  >
     <svg
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 24 24"
       width="24"
       height="24"
+      aria-hidden="true"
     >
       <path
         d="M17 11.998c0 2.76-2.23 5-4.99 5l-.002.002a4.994 4.994 0 01-4.979-5h-2c0 3.52 2.59 6.433 5.98 6.92v3.078h.01V22h2v-3.08h-.01A6.982 6.982 0 0019 11.998z"