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

@@ -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 {

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"

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>