Added accessibility and docs support to tool listing page

* Added visually-hidden tool name to Download and Documentation buttons
* Show Documentation button when tool has docs extracted from ZIP

Co-Authored-By: Claude <noreply@anthropic.com>

Author: brendanx67

SkylineToolsStore/src/org/labkey/skylinetoolsstore/view/SkylineToolsStoreWebPart.jsp

@@ -153,6 +153,8 @@
         // Get supporting files in map <url, icon url>
         HashMap<String, String> suppFiles = SkylineToolsStoreController.getSupplementaryFiles(tool);
         Iterator suppIter = suppFiles.entrySet().iterator();
+        boolean hasDocs = tool.hasDocumentation();
+        int docCount = suppFiles.size() + (hasDocs ? 1 : 0);
 
         final String curToolOwners = StringUtils.join(SkylineToolsStoreController.getToolOwners(tool), ", ");
         toolOwners.put(tool.getRowId(), curToolOwners);
@@ -203,14 +205,21 @@
                     <button type="button" id="download-tool-btn-<%=tool.getRowId()%>" class="styled-button">Download <span class="visually-hidden"><%=h(tool.getName())%></span></button>
                     <% addHandler("download-tool-btn-" + tool.getRowId(), "click", "window.location.href = " + q(urlFor(SkylineToolsStoreController.DownloadToolAction.class).addParameter("id", tool.getRowId()))); %>
 <%
-    if (suppFiles.size() == 1) {
+    if (docCount == 1 && hasDocs) {
+%>
+                        <a href="<%=h(tool.getDocsUrl())%>" target="_blank" rel="noopener noreferrer"><button type="button" class="styled-button">Documentation <span class="visually-hidden"><%=h(tool.getName())%></span></button></a>
+<%
+    } else if (docCount == 1) {
         Map.Entry suppPair = (Map.Entry)suppIter.next();
 %>
-                        <a href="<%=h(suppPair.getKey())%>"><button type="button" class="styled-button">Documentation</button></a>
-<% } else if (suppFiles.size() > 1) { %>
+                        <a href="<%=h(suppPair.getKey())%>"><button type="button" class="styled-button">Documentation <span class="visually-hidden"><%=h(tool.getName())%></span></button></a>
+<% } else if (docCount > 1) { %>
                         <div class="menuMouseArea">
-                            <button type="button" class="styled-button">Documentation</button>
+                            <button type="button" class="styled-button">Documentation <span class="visually-hidden"><%=h(tool.getName())%></span></button>
                             <ul class="dropMenu">
+<% if (hasDocs) { %>
+                                <li><a href="<%=h(tool.getDocsUrl())%>" target="_blank" rel="noopener noreferrer"><img class="menuIconImg" src="<%= h(imgDir) %>link.png" alt="Documentation">Online Documentation</a></li>
+<% } %>
 <%
         while (suppIter.hasNext()) {
             Map.Entry suppPair = (Map.Entry)suppIter.next();