From a3dc9f5887d978f804d25f011c902e5f8cde5104 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9CSebastian?=
 <64795732+slegarraga@users.noreply.github.com>
Date: Thu, 6 Aug 2026 03:01:28 -0400
Subject: [PATCH] fix: add accessible labels to search and newsletter inputs

---
 components/newsletter/NewsletterSignup.tsx | 6 +++++-
 components/post/SearchResults.tsx          | 4 ++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/components/newsletter/NewsletterSignup.tsx b/components/newsletter/NewsletterSignup.tsx
index 6b8e233..16e42eb 100644
--- a/components/newsletter/NewsletterSignup.tsx
+++ b/components/newsletter/NewsletterSignup.tsx
@@ -39,11 +39,15 @@ export function NewsletterSignup() {
 
   return (
     <form onSubmit={submit} className="flex max-w-xs flex-col gap-2">
-      <label className="font-mono text-[10px] uppercase tracking-widest text-text-tertiary">
+      <label
+        htmlFor="newsletter-email"
+        className="font-mono text-[10px] uppercase tracking-widest text-text-tertiary"
+      >
         Get the weekly digest by email
       </label>
       <div className="flex gap-2">
         <input
+          id="newsletter-email"
           type="email"
           required
           value={email}
diff --git a/components/post/SearchResults.tsx b/components/post/SearchResults.tsx
index f2ebafa..0026aa3 100644
--- a/components/post/SearchResults.tsx
+++ b/components/post/SearchResults.tsx
@@ -117,7 +117,11 @@ export function SearchResults({
 
       {/* Search input */}
       <div className="mb-3">
+        <label className="sr-only" htmlFor="case-search">
+          Search cases
+        </label>
         <input
+          id="case-search"
           type="text"
           value={query}
           onChange={(e) => setQuery(e.target.value)}