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
@@ -1,115 +1,114 @@
 <div id='hubUpload'>
     <div id='fileTableInfoDiv' class='tabSection'>
         <div style="background-color: #fff8e1; border-left: 5px solid #ff9800;
         padding: 10px 15px; margin: 20px 0;">
           <strong>New feature!</strong>
           We're excited to introduce this new hosting space.<br>
           We would love to hear your feedback &mdash; please
           <a href="../contacts.html">contact us</a> and let us know what you think!
         </div>
         <p>
         Upload your track hub files to UCSC and view your bigBed, bigWig,
         BAM, VCF, and <a href="/goldenPath/help/hgTrackHubHelp.html#format">other supported files</a> -- no need to rely on third-party hosting services
         such as Dropbox, Google Drive, or AWS.
         </p>
         <p>
         Each account is allocated 10 GB of storage. While we strive to maintain uninterrupted
         access, please maintain your own backups. Data persistence over the long term
         is not guaranteed. To request additional storage space, please
         <a href="../contacts.html">contact us</a>.
         </p>
         <details>
           <summary><b>How to use Hub Space</b></summary>
           <p>There are three primary ways to upload your files:</p>
           <ol>
             <li>
             Upload an individual set of binary-indexed files for immediate visualization.
             If you have multiple files to upload, Hub Space allows batch uploads by selecting
             all files at once from your computer.
             </li>
             <li>
             Upload an entire track hub along with all supporting files (hub.txt,
             bigWig, bigBed, etc.) to visualize the hub.</li>
             <li>
             To update an existing track hub on Hub Space, you will have to enter the hub's name
             again. Otherwise, Hub Space assumes that you are trying to create a new hub.
           </ol>
           <p>
           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>
 
     <div>
         For information on making track hubs, see the following pages:
         <ul>
             <li><a href='../docs/hubs/hubBasics.html' style='color:#121E9A' target=_blank>Track Hub Basics</a></li>
             <li><a href='../goldenPath/help/hgTrackHubHelp.html' style='color:#121E9A' TARGET=_blank>Track Hub User's Guide</a></li>
             <li><a href='../goldenPath/help/hgTrackHubHelp#Hosting' style='color:#121E9A' target=_blank>External Hosting Space For Your Track Hub</a></li>
             <li><a href='../goldenPath/help/trackDb/trackDbHub.html' style='color:#121E9A' target=_blank>Track Hub Settings Reference</a></li>
             <li><a href='../goldenPath/help/publicHubGuidelines.html' style='color:#121E9A' target=_blank>Guidelines for Submitting a Public Hub</a></li>
         </ul>
         <BR>You may also <a href='../contacts.html' style='color:#121E9A'>contact us</a> if you have any 
             issues or questions on hub development.
     </div>
 
     <div id='newTrackHubDialog' class='myTitleClass' title='Create New Track Hub' style='background:white; width:725px; display:none'>
         <div>
             <label id='hubNameLabel' for="hubName">Enter the name of the hub:</label>
             <input id='hubName'></input>
             <br>
             <label id='dbLabel' for="">Enter the genome assembly database of the hub:</label>
             <input id='db'></input>
         </div>
 
         <!--
         <div id='CustomTrackOptions' >
             <div>
                 <label class='gbInputLabel'  for='name'>Name:</label>
                 <input type='text' name='customName' id='customName' value='' class='text ui-widget-content ui-corner-all'>
             </div>
             <div>
                 <br><label class='gbInputLabel'  for='description'>Description:</label>
                 <input type='text' name='customDescription' id='customDescription' value='' class='text ui-widget-content ui-corner-all' style='width:80%'>
             </div>
 
             <div>
                 <br> <p><span class='gbInputLabel'> Color:</span> <input type='text' id='customColorInput' value='0xffffff'>&nbsp;&nbsp;
                 <input id='customColorPicker'>           
             </div>
 
         </div>
         -->
 
         <div>
             <input class='gbButton'  id="doNewCollection" type="submit" value="Save"   >
         </div>
     </div>