Add alt text to images

visualizer/static/script.js

@@ -78,6 +78,7 @@ function visualize(imgSrc) {
   const visualization = document.getElementById('visualization');
   const img = document.createElement('img');
   img.src = imgSrc;
+  img.alt = 'Graph of selected data';
   plotDiv.replaceChildren(img);
   visualization.hidden = false;
 }

visualizer/templates/plot-views/page.html

@@ -7,8 +7,8 @@
 {% block body -%}
 
 <header>
-  <a id="logo" href="https://amrdcdata.ssec.wisc.edu">
-    <img src="{{ url_for('static', filename='logo.svg') }}">
+  <a id="logo" title="AMRDC database" href="https://amrdcdata.ssec.wisc.edu">
+    <img alt="AMRDC" src="{{ url_for('static', filename='logo.svg') }}">
   </a>
   <h1 id="title">Data Visualizer</h1>
 </header>