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/bigLolly.html src/hg/htdocs/goldenPath/help/bigLolly.html index 79e7873574c..4886877e3ba 100755 --- src/hg/htdocs/goldenPath/help/bigLolly.html +++ src/hg/htdocs/goldenPath/help/bigLolly.html @@ -10,31 +10,31 @@ The bigLolly format uses a standard bigBed file that is used to generate a lollipop graph where the position of a lollipop circle corresponds to a genomic coordinate. By default, the score is used to decide how high to draw the lollipop, but there are trackDb options to specify which fields to use for the height and width of the lollipop, as well as to draw lines on the graph. BigLolly trackDb options arguments are <code>noStems</code>, <code>lollySizeField</code>, <code>lollyMaxSize</code>, <code>lollyField</code>, <code>yAxisLabel</code>, and <code>yAxisNumLabels</code>. These options are also described in the <a href="trackDb/trackDbHub.html#bigLolly" target="_blank">trackDb help doc</a>.</p> <p> This format is useful for displaying small genomic features such as sequence variants, as it provides two ways to characterize features and make them more visible -- stem height and radius -- in addition to color. The lollipop graph type can be used to annotate bases for variants, RNA editing, Selenocysteines, frameshifts, or any other reason.</p> <p class="text-center"> -<img "1080" height="148" src="../../images/CovidGwasLollies.png"> +<img "1080" height="148" alt="Lollipop track displaying COVID GWAS variant significance as circles on vertical stems" src="../../images/CovidGwasLollies.png"> </p> <p> The bigBed files used in bigLolly type are in an indexed binary format. The main advantage of this format is that only those portions of the file needed to display a particular region are transferred to the Genome Browser server. The bigLolly file remains on your local web-accessible server (http, https or ftp), not on the UCSC server, and only the portion needed for the currently displayed chromosomal position is locally cached as a "sparse file". If you do not have access to a web-accessible server and need hosting space for your bigLolly files, please see the <a href="hgTrackHubHelp.html#Hosting">Hosting</a> section of the Track Hub Help documentation.</p> <h2>Contents</h2> <h6><a href="#bigLolly">bigLolly format definition</a></h6> <h6><a href="#creating_bigLolly">Creating a bigLolly track</a></h6> @@ -143,31 +143,31 @@ file contains the chrom.sizes for the human hg38 assembly.</li> <li> Use the <code>bedToBigBed</code> utility to create a bigBed file from your sorted BED file, using the <em>bigLollyExample3.bed</em> file and <em>chrom.sizes</em> files created above. </p> <pre><code><strong>bedToBigBed</strong> -as=bigLollyExample3.as -type=bed9+1 bigLollyExample3.bed hg38.chrom.sizes bigLollyExample3.bb</code></pre> <p></li> <li> Move the newly created bigBed file (<em>bigLollyExample3.bb</em>) to a web-accessible http, https, or ftp location. At this point you should have a URL to your data, such as "https://institution.edu/bigLollyExample3.bb", and the file should be accessible outside of your institution/hosting providers network. For more information on where to host your data, please see the <a href="hgTrackHubHelp.html#Hosting">Hosting</a> section of the Track Hub Help documentation.</p> <pre><code>track type=bigLolly name="bigLolly Example Three" description="A third bigLolly file" bigDataUrl=http://genome.ucsc.edu/goldenPath/help/examples/bigLollyExample3.bb lollySizeField=lollySize visibility=full yAxisLabel.0="0 on 30,30,190 0" yAxisLabel.1="5 on 30,30,190 5" lollyMaxSize=10 lollyNoStems=on</code></pre></li> <li> Go to chr21:25,891,755-25,891,870 to see the data.</li> </ol> <p class="text-center"> -<img "1080" height="148" src="../../images/bigLollyExample3.png"> +<img "1080" height="148" alt="Lollipop track with variable circle sizes showing clustered variant data" src="../../images/bigLollyExample3.png"> </p> <a name=sharing_data></a> <h2>Sharing your data with others</h2> <p> Custom tracks can also be loaded via one URL line. <a href="../../cgi-bin/hgTracks?ignoreCookie=1&db=hg38&position=chr21:17,002,145-17,159,243&hgct_customText=track%20type=bigLolly%20name=Example%20bigDataUrl=http://genome.ucsc.edu/goldenPath/help/examples/bigBedExample3.bb%20visibility=pack" target="_blank">This link</a> loads the same <em>bigLolly.bb</em> track and sets additional display parameters from <a href="#example1">Example 1</a> in the URL:</p> <pre><code>http://genome.ucsc.edu/cgi-bin/hgTracks?ignoreCookie=1&db=hg38&position=chr21:17,002,145-17,159,243&hgct_customText=track%20type=bigLolly%20name=Example %20bigDataUrl=http://genome.ucsc.edu/goldenPath/help/examples/bigBedExample3.bb %20visibility=full</code></pre> <p> If you would like to share your bigLolly data track with a colleague, learn how to create a URL link to your data by looking at <a href="customTrack.html#EXAMPLE6">Example #6</a> on the custom track help page.</p>