Skip to content

feat(tack): add TACK accessible search engine - #21

Open
anushka18ar wants to merge 2 commits into
mainfrom
Anushka-tack
Open

feat(tack): add TACK accessible search engine#21
anushka18ar wants to merge 2 commits into
mainfrom
Anushka-tack

Conversation

@anushka18ar

Copy link
Copy Markdown
Collaborator

Add TACK, a keyboard-only, screen-reader-first web search feature for blind and visually impaired users, self-contained under /tack.

  • Backend: POST /api/tack/search — auth + rate-limited, reuses the existing Serper.dev (Google) integration; returns title, snippet, url, source with spoken-text messages for empty/no-results/errors.
  • Frontend (/app/tack): role="search" form, autofocused labelled input, each result is one tab stop (roving tabindex, Up/Down to move, Enter to open), aria-live results count, skip-to-results link, h1>h2, visible focus rings, reduced-motion aware. Own CSS module — no global or existing-component changes.
  • Dashboard: single "Search Engine" button on /chat linking to /tack.
  • Document SEARCH_API_KEY (SERPER_API_KEY) + Google Programmable Search alternative in .env.example.

Add TACK, a keyboard-only, screen-reader-first web search feature for
blind and visually impaired users, self-contained under /tack.

- Backend: POST /api/tack/search — auth + rate-limited, reuses the
  existing Serper.dev (Google) integration; returns title, snippet,
  url, source with spoken-text messages for empty/no-results/errors.
- Frontend (/app/tack): role="search" form, autofocused labelled input,
  each result is one tab stop (roving tabindex, Up/Down to move, Enter
  to open), aria-live results count, skip-to-results link, h1>h2,
  visible focus rings, reduced-motion aware. Own CSS module — no global
  or existing-component changes.
- Dashboard: single "Search Engine" button on /chat linking to /tack.
- Document SEARCH_API_KEY (SERPER_API_KEY) + Google Programmable Search
  alternative in .env.example.

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

vercel Bot commented Jul 22, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
tack-webapp Ready Ready Preview, Comment Jul 23, 2026 8:18am

- Added Search button to dashboard navigation (Home, Chat, Search, Browser Agent)
- Created new search page with speech-to-text functionality
- Integrated Serper Google Search API (API key: 47095da0d40c315c586d477a7512e7a9a16ab15a)
- Hold Spacebar to record voice, release to stop and convert to text
- Keyboard navigation: arrow keys to navigate results, Enter to select
- Removed old /tack search page and related components
- Removed Search Engine button from chat page
- Removed blue border lines from sidebar for cleaner design
- Updated navigation dashboard layout with equal spacing

Features:
- Real Google search results via Serper API
- Speech-to-text input with visual feedback
- Keyboard-accessible result navigation
- Direct links to search results
- Error handling for API failures
- Professional UI with responsive design

Co-Authored-By: Claude Haiku 4.5 <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.

1 participant