9a1687b6341af06ee8e0746a9a502ba09cee8284 lrnassar Tue Apr 7 16:11:57 2026 -0700 Add missing form labels and aria-labels across hgTables pages and main site search. refs #37343 Main page search bar (index.html): aria-label on search input. hgTables main page (mainPage.c): aria-label on Galaxy/GREAT checkboxes, fix Position label to target radio button instead of text input, aria-label on position text input. hgTables user regions (userRegions.c): aria-label on paste textarea and file upload input. hgTables filter page (filterFields.c): aria-label on all per-field filter dropdowns and text inputs across string, numeric, integer, and enum field types. hgTables intersect page (intersect.c): label elements on all 6 radio buttons and 2 complement checkboxes, aria-label on threshold text inputs. diff --git src/hg/htdocs/index.html src/hg/htdocs/index.html index e06beef7463..f8750692117 100755 --- src/hg/htdocs/index.html +++ src/hg/htdocs/index.html @@ -79,30 +79,31 @@ <div style="display: flex; align-items: center; justify-content: center; text-align: center;margin-top: 10px;"> <a href="/docs/" style="margin-right: 20px; text-align: center;" title="Genome browser tutorials including annotated images, walkthroughs, and interactive tutorials."> <div style="border: 2px solid red; padding: 5px; display: flex; align-items: center;"> <p style="margin: 0; padding-right: 0px;">See our new<br>tutorials page!</p> <img alt="Training tutorials icon" src="/images/trainingIcon.png" style="height: 47px; width: 47px; margin-top: 0px; margin-left: 5px; border: none"> </div> </a> <!-- <span>right text</span> </div> --> <input size=50 name="searchString" id="searchBarSearchString" type="text" + aria-label="Search genes, data, help docs and more" placeholder="Search genes, data, help docs and more..."></input> <input name="searchButton" id="searchBarSearchButton" type="submit" value="Search"></input> <script> function searchBarClick() { searchStr = document.getElementById('searchBarSearchString').value; if (searchStr.length > 0) { // helper functions for checking whether a plain chrom name was searched for term = encodeURIComponent(searchStr.replace(/^[\s]*/,'').replace(/[\s]*$/,'')); function onSuccess(jqXHR, textStatus) { if (jqXHR.chromName !== null) { window.location.assign("../cgi-bin/hgTracks?position=" + term ); } else { window.location.assign("../cgi-bin/hgSearch?search=" + term); } }