Added Aria-Labels to all inputs with tooltips for generated HTML animations

xlilos · xlilos · commit 12ea49e9e1a9 · 2020-11-06T13:33:08.000-07:00
diff --git a/lib/matplotlib/_animation_data.py b/lib/matplotlib/_animation_data.py
@@ -198,26 +198,26 @@
            name="points" min="0" max="1" step="1" value="0"
            oninput="anim{id}.set_frame(parseInt(this.value));"></input>
     <div class="anim-buttons">
-      <button title="Decrease speed" onclick="anim{id}.slower()">
+      <button title="Decrease speed" aria-label="Decrease speed" onclick="anim{id}.slower()">
           <i class="fa fa-minus"></i></button>
-      <button title="First frame" onclick="anim{id}.first_frame()">
+      <button title="First frame" aria-label="First frame" onclick="anim{id}.first_frame()">
         <i class="fa fa-fast-backward"></i></button>
-      <button title="Previous frame" onclick="anim{id}.previous_frame()">
+      <button title="Previous frame" aria-label="Previous frame" onclick="anim{id}.previous_frame()">
           <i class="fa fa-step-backward"></i></button>
-      <button title="Play backwards" onclick="anim{id}.reverse_animation()">
+      <button title="Play backwards" aria-label="Play backwards" onclick="anim{id}.reverse_animation()">
           <i class="fa fa-play fa-flip-horizontal"></i></button>
-      <button title="Pause" onclick="anim{id}.pause_animation()">
+      <button title="Pause" aria-label="Pause" onclick="anim{id}.pause_animation()">
           <i class="fa fa-pause"></i></button>
-      <button title="Play" onclick="anim{id}.play_animation()">
+      <button title="Play" aria-label="Play" onclick="anim{id}.play_animation()">
           <i class="fa fa-play"></i></button>
-      <button title="Next frame" onclick="anim{id}.next_frame()">
+      <button title="Next frame" aria-label="Next frame" onclick="anim{id}.next_frame()">
           <i class="fa fa-step-forward"></i></button>
-      <button title="Last frame" onclick="anim{id}.last_frame()">
+      <button title="Last frame" aria-label="Last frame" onclick="anim{id}.last_frame()">
           <i class="fa fa-fast-forward"></i></button>
-      <button title="Increase speed" onclick="anim{id}.faster()">
+      <button title="Increase speed" aria-label="Increase speed" onclick="anim{id}.faster()">
           <i class="fa fa-plus"></i></button>
     </div>
-    <form title="Repetition mode" action="#n" name="_anim_loop_select{id}"
+    <form title="Repetition mode" aria-label="Repetition mode" action="#n" name="_anim_loop_select{id}"
           class="anim-state">
       <input type="radio" name="state" value="once" id="_anim_radio1_{id}"
              {once_checked}>
