From 4f387754b8a8772e76fffdfdce2b704fe595d73a Mon Sep 17 00:00:00 2001
From: jbingham17 <jbingham@coderabbit.ai>
Date: Sat, 21 Feb 2026 21:51:55 -0800
Subject: [PATCH] Add accessible labels to StatusBar form controls

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/StatusBar.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/StatusBar.tsx b/src/components/StatusBar.tsx
index 0180316..877a2df 100644
--- a/src/components/StatusBar.tsx
+++ b/src/components/StatusBar.tsx
@@ -21,7 +21,9 @@ export function StatusBar({ filter, onFilterChange, refreshRate, onRefreshRateCh
     <div className="status-bar">
       <div className="filter-section">
         <span className="filter-label">Filter:</span>
+        <label htmlFor="process-filter" className="sr-only">Filter processes</label>
         <input
+          id="process-filter"
           type="text"
           className="filter-input"
           value={filter}
@@ -31,7 +33,9 @@ export function StatusBar({ filter, onFilterChange, refreshRate, onRefreshRateCh
       </div>
       <div className="refresh-section">
         <span className="refresh-label">Refresh:</span>
+        <label htmlFor="refresh-rate" className="sr-only">Refresh rate</label>
         <select
+          id="refresh-rate"
           className="refresh-select"
           value={refreshRate}
           onChange={(e) => onRefreshRateChange(Number(e.target.value))}