Merge pull request #18911 from xlilos/master

tacaswell · web-flow · commit 10b065ff7338 · 2020-11-09T22:18:24.000-05:00
ENH: Added Aria-Labels to all inputs with tooltips for generated HTML animations Closes #17910
diff --git a/.flake8 b/.flake8
@@ -54,6 +54,7 @@ per-file-ignores =
     lib/matplotlib/_mathtext.py: E221, E251
     lib/matplotlib/_mathtext_data.py: E203, E261
     lib/matplotlib/animation.py: F401
+    lib/matplotlib/_animation_data.py: E501
     lib/matplotlib/axes/__init__.py: F401, F403
     lib/matplotlib/axes/_axes.py: F401
     lib/matplotlib/backends/backend_*.py: F401
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}>
