5709a7858d5c197721be66d5218a79124abadb70
lrnassar
  Tue Mar 17 08:46:31 2026 -0700
Adding alt text to images across static documentation pages, CGI headers, markdown docs, and Pandoc templates. Content images receive AI-generated descriptive alt text; decorative images (icons, spacers, toggles) receive alt="" per WCAG best practice. Also adds Image Descriptions section to the accessibility page, and fixes Pandoc Lua writers to output alt attributes. 67 files, covering help docs, news archive, ENCODE pages, portal pages, and session examples. refs #37254

diff --git src/hg/htdocs/inc/hgMyData.html src/hg/htdocs/inc/hgMyData.html
index 8ac3176b7e4..19c333aefc9 100755
--- src/hg/htdocs/inc/hgMyData.html
+++ src/hg/htdocs/inc/hgMyData.html
@@ -38,32 +38,31 @@
           If a hub.txt file is not provided when uploading the data files, a hub.txt file
           is automatically generated. The generated hub.txt file is configured with the
           <a href="/goldenPath/help/trackDb/trackDbHub.html#useOneFile">useOneFile
           trackDb setting</a>, and as a result, each hub is limited to a single genome assembly.</p>
           <p>
           <i>Editing the generated hub.txt file is not yet supported.</i>
           To customize the hub configuration or data display, replace the generated
           hub.txt file with your own version after uploading the data files.
           </p>
           <div style="display: flex; align-items: center; gap: 150px;">
             <p style="flex: 1;">
             By default, your most recently used genome assembly is selected after choosing which
             files to upload. Use the <em>popular assemblies</em> drop-down menu or the search
             box to select another genome assembly.
             </p>
-            <img src="../images/HubSpaceUpload.png"
-            alt="Example of the upload dialog box for Hub Space" width="35%">
+            <img alt="Hub Space file upload dialog showing drag-and-drop upload area" src="../images/HubSpaceUpload.png" width="35%">
           </div>
         </details>
     </div>
 
 
     <div id='filesDiv' class='tabSection'>
         <table id="filesTable" class="sessionTable stripe hover row-border compact" borderwidth=0>
         </table>
         <div id='selectedFileInfo' class="tabSection" style="margin-bottom: 20px;">
             <div id='placeHolderInfo'>Select files for more options</div>
             <div style="display: none">
                 <span id='numberSelectedFiles'></span> selected.
                 <button id='viewSelectedFiles'></button><button id='deleteSelectedFiles'></button>
          </div>
      </div>