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/goldenPath/help/quickLiftChain.html src/hg/htdocs/goldenPath/help/quickLiftChain.html
index c3ffb71fa35..adde6990406 100644
--- src/hg/htdocs/goldenPath/help/quickLiftChain.html
+++ src/hg/htdocs/goldenPath/help/quickLiftChain.html
@@ -24,44 +24,44 @@
 <ul>
   <li>Insertions:
   <font color="#407F00">green</font></li>
 
   <li>Deletions:
   <font color="#00007F">blue</font></li>
 
   <li>Double-sided insertions:
   <font color="#7F7F7F">gray</font> (Both the source and target assemblies contain
   unalignable sequence between two regions of aligned sequence)</li>
 
   <li>Mismatches:
   <font color="#FF0000">red</font></li>
 </ul>
  <div class="text-center">
- <img src="../../images/QuickLift/quickLiftTrianglesMouseOver.png" width='70%'>
+ <img alt="QuickLift track with triangle markers indicating alignment differences on mouseover" src="../../images/QuickLift/quickLiftTrianglesMouseOver.png" width='70%'>
  </div>
 <p>
 Mousing over a triangle displays the size base-pair (bp) difference and the type of alignment
 difference. Clicking a triangle opens a details page showing:
 </p>
 <ul>
   <li>Source and target assembly genome positions</li>
   <li>DNA sequence alignment</li>
   <li>Type and size of each alignment difference within the currently visible browser
   region</li>
 </ul>
 <div class="text-center">
-<img src="../../images/QuickLift/quickLiftAlignmentDifferences.png" width='50%'>
+<img alt="QuickLift chain display highlighting base-level alignment differences between assemblies" src="../../images/QuickLift/quickLiftAlignmentDifferences.png" width='50%'>
 </div>
 
 <h2>Methods</h2>
 <p>
 An alignment between two DNA sequences maps every nucleotide in one sequence to a nucleotide in
 another sequence. By making and using whole-genome alignments (Kent et al., 2003),
 genome annotations can be &quot;lifted&quot; to another assembly
 (<a href="/cgi-bin/hgLiftOver" target="_blank">liftOver</a>) in bulk, one track at a time.
 <font color="#008000">QuickLift</font> uses the same algorithm to lift annotations on demand, in
 real-time, for all visible tracks. Only the annotations in the currently visible region are lifted,
 so this is usually fast enough when browsing a genome.
 </p>
 
 <p>
 The Alignment Differences track is generated by comparing the whole-genome alignment chain between