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/hubQuickStartSearch.html src/hg/htdocs/goldenPath/help/hubQuickStartSearch.html index fd09eb8d590..3e0471c233e 100755 --- src/hg/htdocs/goldenPath/help/hubQuickStartSearch.html +++ src/hg/htdocs/goldenPath/help/hubQuickStartSearch.html @@ -106,40 +106,38 @@ <pre><code>ixIxx input.txt out.ix out.ixx</code></pre> <h3>STEP 4: View and Search</h3> <p> Enter the URL to your hub on the Connected Hubs tab of the <a href="../../cgi-bin/hgHubConnect#unlistedHubs">Track Data Hubs</a> page. Alternately, you can enter your hub.txt URL in the following web address:</p> <pre><code>genome.ucsc.edu/cgi-bin/hgTracks?db=hg38&hubUrl=<strong>YourUrlHere</strong></code></pre> <p> If you would like to look at an already-made example, click the following link which includes <code>hideTracks=1</code> to hide other tracks. After the link is a picture of what the hub should look like:</p> <pre><code><a href="../../cgi-bin/hgTracks?db=hg38&hideTracks=1&hubUrl=http://genome.ucsc.edu/goldenPath/help/examples/hubExamples/hubSearchable/hub.txt">https://genome.ucsc.edu/cgi-bin/hgTracks?db=hg38&hideTracks=1&hubUrl=http://genome.ucsc.edu/goldenPath/help/examples/hubExamples/hubSearchable/hub.txt</a></code></pre> <p class='text-center'> - <img class='text-center' src="../../images/defaultViewSearchTracks.png" - alt="A display of the Searchable hub track" width="1000" height="70"> + <img alt="Default view of searchable hub tracks in the Genome Browser" class='text-center' src="../../images/defaultViewSearchTracks.png" width="1000" height="70"> </p> <p>Once your hub displays, you should be able to type in a gene symbol or Enst ID and scroll down the results page until you see your search results.</p> <p class='text-center'> - <img class='text-center' src="../../images/searchingFAM87b.png" - alt="Typing a search term in the search box" width="1000" height="70"> + <img alt="Search results for FAM87B gene in a hub track search" class='text-center' src="../../images/searchingFAM87b.png" width="1000" height="70"> <p class='gbsCaption text-center'>You can type your search term (fam87b) in the box above the ideogram and press <button>go</button>. Note that it is not case sensitive. Scrolling to the bottom of the search results page, you will see your searchable hub keyword that was linked with your search term. Clicking into it will bring you to the position of your search term.</p> </p> <p class='text-center'> <img class='text-center' src="../../images/fam87bSearchOutput.png" alt="Search hit for fam87b" width="608" height="105"> <img class='text-center' src="../../images/FAM87bSearchResult.png" alt="Search results for fam87b" width="1000" height="70"> </p> <p> If you are having problems, be sure all your files are publicly-accessible and that your server accepts byte-ranges. You can check using the following command to verify "Accept-Ranges: bytes" displays:</p> <pre><code>curl -IL http://yourURL/hub.txt</code></pre>