cherry: a11y aria-labels → main

src/components/hl-cohort-leaderboard.tsx

@@ -65,7 +65,7 @@ export function HlCohortLeaderboard({
           {filtered.length} of {rows.length} builders
         </p>
         <input
-          type="search"
+          type="search" aria-label="Search builder…"
           value={q}
           onChange={(e) => setQ(e.target.value)}
           placeholder="Search builder…"

src/components/hl-hip3-leaderboard.tsx

@@ -58,7 +58,7 @@ export function HlHip3Leaderboard({ rows }: { rows: HlHip3Row[] }) {
           {filtered.length} of {rows.length} dexes
         </p>
         <input
-          type="search"
+          type="search" aria-label="Search dex…"
           value={q}
           onChange={(e) => setQ(e.target.value)}
           placeholder="Search dex…"

src/components/perp-by-asset-table.tsx

@@ -87,7 +87,7 @@ export function PerpByAssetTable({ rows }: { rows: PerpAssetRow[] }) {
           {filtered.length} of {rows.length} venues
         </p>
         <input
-          type="search"
+          type="search" aria-label="Search venue..."
           value={q}
           onChange={(e) => setQ(e.target.value)}
           placeholder="Search venue..."

src/components/perp-venues-leaderboard.tsx

@@ -80,7 +80,7 @@ export function PerpVenuesLeaderboard({ rows }: { rows: PerpVenueRow[] }) {
           {filtered.length} of {rows.length} venues
         </p>
         <input
-          type="search"
+          type="search" aria-label="Search venue or chain..."
           value={q}
           onChange={(e) => setQ(e.target.value)}
           placeholder="Search venue or chain..."

src/components/pm-data-feeds-leaderboard.tsx

@@ -68,7 +68,7 @@ export function PmDataFeedsLeaderboard({ rows }: { rows: PmDataFeedRow[] }) {
           {filtered.length} of {rows.length} feeds
         </p>
         <input
-          type="search"
+          type="search" aria-label="Search feed..."
           value={q}
           onChange={(e) => setQ(e.target.value)}
           placeholder="Search feed..."

src/components/pm-venues-leaderboard.tsx

@@ -72,7 +72,7 @@ export function PmVenuesLeaderboard({ rows }: { rows: PmVenueRow[] }) {
           {filtered.length} of {rows.length} venues
         </p>
         <input
-          type="search"
+          type="search" aria-label="Search venue..."
           value={q}
           onChange={(e) => setQ(e.target.value)}
           placeholder="Search venue..."

src/components/providers-table.tsx

@@ -89,7 +89,7 @@ export function ProvidersTable({ providers }: { providers: Row[] }) {
             className="absolute left-3 text-ink-faint group-focus-within:text-ink-muted pointer-events-none"
           />
           <input
-            type="search"
+            type="search" aria-label="Search products..."
             value={query}
             onChange={(e) => setQuery(e.target.value)}
             placeholder="Search products..."

src/components/rpc-chains-leaderboard.tsx

@@ -89,7 +89,7 @@ export function RpcChainsLeaderboard({ rows }: { rows: RpcHubChain[] }) {
           regions
         </p>
         <input
-          type="search"
+          type="search" aria-label="Search chain or provider..."
           value={q}
           onChange={(e) => setQ(e.target.value)}
           placeholder="Search chain or provider..."

src/components/rpc-providers-pivot.tsx

@@ -102,7 +102,7 @@ export function RpcProvidersPivot({
           p50 across {chains.length} chains
         </p>
         <input
-          type="search"
+          type="search" aria-label="Search provider..."
           value={q}
           onChange={(e) => setQ(e.target.value)}
           placeholder="Search provider..."