Skip to content

Added accessibility and docs support to tool listing page#614

Open
brendanx67 wants to merge 3 commits intorelease25.11-SNAPSHOTfrom
25.11_fb_toolstore-a11y
Open

Added accessibility and docs support to tool listing page#614
brendanx67 wants to merge 3 commits intorelease25.11-SNAPSHOTfrom
25.11_fb_toolstore-a11y

Conversation

@brendanx67
Copy link
Collaborator

Summary

  • Added visually-hidden tool name to Download and Documentation buttons on the tool store listing page for screen reader accessibility (per WCAG 2.1 C7 technique)
  • Show Documentation button on the listing page when a tool has HTML docs extracted from its ZIP (tool.hasDocumentation()), consistent with the docs link added to the tool details page in Added documentation support to Skyline Tool Store #610

Test plan

  • Download buttons include visually-hidden tool name (inspect DOM)
  • Documentation buttons include visually-hidden tool name
  • AI Connector shows Documentation button on listing page when docs are present
  • Tools with supplementary files still show correct Documentation button/dropdown

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

* 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>
Copy link

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Updates the Skyline Tool Store listing page to better support accessibility and to surface “Online Documentation” when HTML docs are available for a tool (consistent with the tool details page behavior added in #610).

Changes:

  • Adds screen-reader-only tool names to Download/Documentation button labels.
  • Adds a Documentation button (or dropdown entry) on the listing page when tool.hasDocumentation() is true.
  • Adjusts listing-page logic to treat “online docs” as an additional documentation item alongside supplementary files.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

You can also share your feedback on Copilot code review. Take the survey.

- Added display:inline-flex; and align-items:center; to styled-button CSS class for consistent appearance with <button>
* Converted Download <button> to <a> using link() builder for consistency
* Added a.styled-button CSS for text-decoration and visited color
* Moved space into visually-hidden span as &nbsp; to prevent collapsing

Co-Authored-By: Claude <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants