Added alt text to images

dtcenter · Nov 5, 2024 · 346070a · 346070a
1 parent 2bd216a
commit 346070a
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 46 deletions.
diff --git a/meteor_packages/mats-common/package.js b/meteor_packages/mats-common/package.js
@@ -324,7 +324,6 @@ Package.onUse(function (api) {
   api.addAssets("public/help/map-help.html", "client");
   api.addAssets("public/help/region.html", "client");
   api.addAssets("public/help/scatter-help.html", "client");
-  api.addAssets("public/help/StdErrorcalculationonEMBverificationpages.html", "client");
   api.addAssets("public/help/top-help.html", "client");
   api.addAssets("public/help/wfip2-statistic.html", "client");
   api.addAssets(

diff --git a/meteor_packages/mats-common/public/help/StdErrorcalculationonEMBverificationpages.html b/meteor_packages/mats-common/public/help/StdErrorcalculationonEMBverificationpages.html
@@ -426,33 +426,6 @@
       ><span class="c5">is</span><span>&nbsp;significantly different from zero.</span>
     </p>
     <p class="c0 c1"><span></span></p>
-    <p class="c0">
-      <span
-        style="
-          overflow: hidden;
-          display: inline-block;
-          margin: 0px 0px;
-          border: 0px solid #000000;
-          transform: rotate(0rad) translateZ(0px);
-          -webkit-transform: rotate(0rad) translateZ(0px);
-          width: 472px;
-          height: 492px;
-        "
-        ><img
-          alt=""
-          src="images/image00.png"
-          style="
-            width: 472px;
-            height: 492px;
-            margin-left: 0px;
-            margin-top: 0px;
-            transform: rotate(0rad) translateZ(0px);
-            -webkit-transform: rotate(0rad) translateZ(0px);
-          "
-          title=""
-      /></span>
-    </p>
-    <p class="c0 c1"><span></span></p>
     <p class="c0"><span class="c5">Some important details</span><span>:</span></p>
     <ol class="c7 lst-kix_63wd0mfhtgg7-0 start" start="1">
       <li class="c0 c3">

diff --git a/meteor_packages/mats-common/templates/graphStandAlone/graphStandAlone.html b/meteor_packages/mats-common/templates/graphStandAlone/graphStandAlone.html
@@ -13,7 +13,7 @@ <h4>
       </h4>
     </div>
     <div id="gsaSpinner" name="gsaSpinner" style="display: block">
-      <img src="{{spinnerUrl}}" alt="Loading..." height="5%" width="5%" />
+      <img src="{{spinnerUrl}}" alt="In-progress spinner" height="5%" width="5%" />
       <span style="color: red">Loading ...</span>
     </div>
     <div class="row form-inline previewCurveButtons">

diff --git a/meteor_packages/mats-common/templates/spinner/spinner.html b/meteor_packages/mats-common/templates/spinner/spinner.html
@@ -1,6 +1,6 @@
 <template name="spinner">
   <div id="spinner" name="spinner" style="display: none">
-    <img src="{{spinnerUrl}}" alt="Loading..." height="5%" width="5%" />
+    <img src="{{spinnerUrl}}" alt="In-progress spinner" height="5%" width="5%" />
     <span style="color: red">Loading ...</span>
     <button type="button" class="cancel btn btn-danger">&nbsp;&nbsp;Cancel</button>
   </div>

diff --git a/meteor_packages/mats-common/templates/topnav/top_nav.html b/meteor_packages/mats-common/templates/topnav/top_nav.html
@@ -1,9 +1,8 @@
 <template name="topNav">
-  <div id="navbar" alt="Collection of elements at the top of the MATS page">
+  <div id="topNav">
     <nav
       id="officialUSABanner"
       class="navbar navbar-default"
-      alt="Official USA governemnt website banner"
       style="
         height: 100%;
         margin-bottom: 0;
@@ -23,13 +22,13 @@
             padding-right: 1em;
           "
         >
-          <div class="col-12" id="accordion">
-            <header class="header" id="headingOne">
+          <div class="col-12" id="usaAccordion">
+            <header class="header" id="usaHeadingOne">
               <div
-                aria-controls="collapseOne"
+                aria-controls="usaCollapseOne"
                 aria-expanded="false"
                 class="collapsed small row"
-                data-target="#collapseOne"
+                data-target="#usaCollapseOne"
                 data-toggle="collapse"
               >
                 <div class="col-sm d-flex">
@@ -49,6 +48,7 @@
                           >Here's how you know<i
                             class="fa-solid fa-caret-down"
                             style="margin-left: 5px"
+                            alt="down caret icon"
                           ></i
                         ></span></button
                     ></span>
@@ -59,10 +59,10 @@
           </div>
         </div>
         <div
-          aria-labelledby="headingOne"
+          aria-labelledby="usaHeadingOne"
           class="collapse"
-          data-parent="#accordion"
-          id="collapseOne"
+          data-parent="#usaAccordion"
+          id="usaCollapseOne"
         >
           <div style="display: flex; width: 100%">
             <div style="width: 50%; padding: 2em">
@@ -83,7 +83,7 @@
                 <strong>Secure .gov websites use HTTPS</strong>
                 <br />
                 A <strong>lock</strong> (
-                <i class="fa-solid fa-lock"></i>
+                <i class="fa-solid fa-lock" alt="lock icon"></i>
                 ) or <strong>https://</strong> means you’ve safely connected to the .gov
                 website. Share sensitive information only on official, secure websites.
               </small>
@@ -95,7 +95,6 @@
     <nav
       id="MATSNavigationBar"
       class="navbar navbar-default"
-      alt="Navigation bar with MATS administative links"
       style="
         color: white;
         background: #000066;
@@ -112,7 +111,7 @@
             type="button"
             class="navbar-toggle collapsed"
             data-toggle="collapse"
-            data-target="#navbar-collapse-2"
+            data-target="#navbar-collapse"
             aria-expanded="false"
           >
             <span class="sr-only">Toggle navigation</span>
@@ -139,7 +138,7 @@
         </div>
 
         <!-- Collect the nav links, forms, and other content for toggling -->
-        <div class="collapse navbar-collapse" id="navbar-collapse-2">
+        <div class="collapse navbar-collapse" id="navbar-collapse">
           <ul class="nav navbar-nav">
             <li>
               <div style="margin-top: 0.5em">
@@ -184,7 +183,6 @@
     <div
       id="disclaimerBar"
       class="alert alert-info"
-      alt="Disclaimer about this site being for research purposes"
       style="color: black"
     >
       PLEASE NOTE: The information on this website is for RESEARCH PURPOSES ONLY. No
@@ -196,7 +194,6 @@
   <div
     id="alertBar"
     class="alert alert-danger"
-    alt="Space for app-specific alerts"
     style="color: black; width: 90%; margin-right: auto; margin-left: auto; font-size: small; display:{{alertMessageHidden}}"
   >
     {{alertMessage}}

diff --git a/meteor_packages/mats-common/templates/underConstruction/underConstruction.html b/meteor_packages/mats-common/templates/underConstruction/underConstruction.html
@@ -3,7 +3,12 @@
     <div>
       <p>......</p>
       <div>
-        <img src="img/{{image}}" alt="Building..." height="50%" width="50%" />
+        <img
+          src="img/{{image}}"
+          alt="Humorous image of different anthropomorphized weather phenomena wearing construction equipment"
+          height="50%"
+          width="50%"
+        />
       </div>
     </div>
     <p>......</p>