From e1d4806abb64c11cbe8e7c6298624791645be84c Mon Sep 17 00:00:00 2001
From: Vinta Chen <vinta.chen@gmail.com>
Date: Sun, 25 Oct 2026 21:55:57 +0800
Subject: [PATCH] fix: hide decorative arrows and the search icon from screen
 readers

Arrow glyphs on rows, jump links, sort headers, and the category toggle, plus the search icon, were exposed to assistive tech, adding noise to every row and link name.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 website/static/style.css        | 14 +++++++-------
 website/templates/category.html |  3 ++-
 website/templates/index.html    |  3 ++-
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/website/static/style.css b/website/static/style.css
index 6a4ce29d..3d15ff9a 100644
--- a/website/static/style.css
+++ b/website/static/style.css
@@ -378,11 +378,11 @@ kbd {
 }
 
 .hero-category-meta h2::after {
-  content: " ↓";
+  content: " ↓" / "";
 }
 
 .hero-category-details[open] .hero-category-meta h2::after {
-  content: " ↑";
+  content: " ↑" / "";
 }
 
 .hero-category-links {
@@ -594,7 +594,7 @@ kbd {
 
 /* The arrow marks an in-page jump; inline-block keeps it out of the underline */
 .jump-link::after {
-  content: "\2193";
+  content: "\2193" / "";
   display: inline-block;
   margin-left: 0.3rem;
   color: var(--hero-kicker);
@@ -1022,13 +1022,13 @@ th[data-sort]:hover {
 }
 
 th[data-sort]::after {
-  content: " \2193";
+  content: " \2193" / "";
   opacity: 0;
   transition: opacity 180ms ease;
 }
 
 th[data-sort="name"]::after {
-  content: " \2191";
+  content: " \2191" / "";
 }
 
 th[data-sort]:hover::after,
@@ -1038,11 +1038,11 @@ th[data-sort].sort-desc::after {
 }
 
 th[data-sort].sort-desc::after {
-  content: " \2193";
+  content: " \2193" / "";
 }
 
 th[data-sort].sort-asc::after {
-  content: " \2191";
+  content: " \2191" / "";
 }
 
 .col-stars {
diff --git a/website/templates/category.html b/website/templates/category.html
index d901c06f..4399505c 100644
--- a/website/templates/category.html
+++ b/website/templates/category.html
@@ -155,7 +155,7 @@
             </a>
             {% endif %}
           </td>
-          <td class="col-arrow"><span class="arrow">&rarr;</span></td>
+          <td class="col-arrow"><span class="arrow" aria-hidden="true">&rarr;</span></td>
         </tr>
         {% if entry.description %}
         <tr class="desc-row">
@@ -234,6 +234,7 @@
     <div class="search-wrap">
       <svg
         class="search-icon"
+        aria-hidden="true"
         width="16"
         height="16"
         viewBox="0 0 24 24"
diff --git a/website/templates/index.html b/website/templates/index.html
index 9d02e460..8fe140e3 100644
--- a/website/templates/index.html
+++ b/website/templates/index.html
@@ -94,6 +94,7 @@
     <div class="search-wrap">
       <svg
         class="search-icon"
+        aria-hidden="true"
         width="16"
         height="16"
         viewBox="0 0 24 24"
@@ -221,7 +222,7 @@
             </a>
             {% endif %}
           </td>
-          <td class="col-arrow"><span class="arrow">&rarr;</span></td>
+          <td class="col-arrow"><span class="arrow" aria-hidden="true">&rarr;</span></td>
         </tr>
         {% if entry.description %}
         <tr class="desc-row" hidden>