fix(a11y): Add aria-label attributes to form controls

- Add aria-label prop support to SearchInput component
- Add aria-label attributes to DatasetPanel form controls (size slider, inputs, select)
- Add aria-label to SearchInput instances in HomePage and FilterBar
- Add aria-label to search target input in VisualizerPage
- Fix accessibility violations detected by pa11y-ci in GitHub Actions

Fixes #accessibility-violations

Author: blackphoenix42

src/components/controls/DatasetPanel.tsx

@@ -261,6 +261,7 @@ export default function DatasetPanel({ value, onChange }: Props) {
               value={n}
               onChange={(e) => setN(Number(e.target.value))}
               className="w-full"
+              aria-label={t("controls.size", { defaultValue: "Size" })}
             />
             <input
               type="number"
@@ -269,6 +270,9 @@ export default function DatasetPanel({ value, onChange }: Props) {
               value={n}
               onChange={(e) => setN(Number(e.target.value))}
               className="ui-input w-16 shrink-0"
+              aria-label={
+                t("controls.size", { defaultValue: "Size" }) + " value"
+              }
             />
           </div>
 
@@ -282,13 +286,19 @@ export default function DatasetPanel({ value, onChange }: Props) {
               value={min}
               onChange={(e) => setMin(Number(e.target.value))}
               className="ui-input w-16 shrink-0"
+              aria-label={
+                t("controls.range", { defaultValue: "Range" }) + " minimum"
+              }
             />
             <span className="panel-muted shrink-0">to</span>
             <input
               type="number"
               value={max}
               onChange={(e) => setMax(Number(e.target.value))}
               className="ui-input w-16 shrink-0"
+              aria-label={
+                t("controls.range", { defaultValue: "Range" }) + " maximum"
+              }
             />
           </label>
 
@@ -302,6 +312,7 @@ export default function DatasetPanel({ value, onChange }: Props) {
               value={seed}
               onChange={(e) => setSeed(Number(e.target.value))}
               className="ui-input w-28 shrink-0"
+              aria-label={t("controls.seed", { defaultValue: "Seed" })}
             />
           </label>
 
@@ -340,6 +351,7 @@ export default function DatasetPanel({ value, onChange }: Props) {
               value={dist}
               onChange={(e) => setDist(e.target.value as Dist)}
               className="ui-select w-full"
+              aria-label="Distribution type"
             >
               <optgroup
                 label={t("controls.distributions.basic", {
@@ -441,6 +453,7 @@ export default function DatasetPanel({ value, onChange }: Props) {
                 value={uniques}
                 onChange={(e) => setUniques(Number(e.target.value))}
                 className="ui-input w-16 shrink-0"
+                aria-label={t("controls.uniques", { defaultValue: "Uniques" })}
               />
             </label>
           )}
@@ -456,6 +469,7 @@ export default function DatasetPanel({ value, onChange }: Props) {
                 value={period}
                 onChange={(e) => setPeriod(Number(e.target.value))}
                 className="ui-input w-16 shrink-0"
+                aria-label={t("controls.period", { defaultValue: "Period" })}
               />
             </label>
           )}
@@ -485,6 +499,9 @@ export default function DatasetPanel({ value, onChange }: Props) {
                 })}
                 value={customText}
                 onChange={onCustomChange}
+                aria-label={t("controls.customNumbers", {
+                  defaultValue: "Custom numbers",
+                })}
               />
             </div>
           )}

src/components/home/FilterBar.tsx

@@ -113,6 +113,7 @@ export default function FilterBar(props: Props) {
                 defaultValue:
                   "Search by algorithm, tags, concepts, or difficulty...",
               })}
+              aria-label="Search algorithms by name, tags, concepts, or difficulty"
               // Performance optimization for fast typing
               debounceMs={20}
               // Enhanced search props

src/components/ui/SearchInput.tsx

@@ -44,6 +44,9 @@ export interface SearchInputProps {
   loading?: boolean;
   disabled?: boolean;
   autoFocus?: boolean;
+
+  // Accessibility props
+  "aria-label"?: string;
 }
 
 export function SearchInput({
@@ -73,6 +76,9 @@ export function SearchInput({
   loading = false,
   disabled = false,
   autoFocus = false,
+
+  // Accessibility props
+  "aria-label": ariaLabel,
 }: SearchInputProps) {
   const [internalValue, setInternalValue] = useState(value);
   const [showDropdown, setShowDropdown] = useState(false);
@@ -349,6 +355,7 @@ export function SearchInput({
         }}
         disabled={disabled}
         loading={loading || isSearching}
+        aria-label={ariaLabel}
         leftIcon={
           <svg
             className="h-4 w-4"

src/pages/HomePage.tsx

@@ -837,6 +837,7 @@ export default function HomePage() {
                     onChange={(value) => setQ(value)}
                     placeholder="Quick search..."
                     className="w-48 text-sm"
+                    aria-label="Quick search algorithms"
                     // Enable dropdown with algorithm suggestions
                     searchableItems={searchableItems}
                     enableFuzzySearch={true}

src/pages/VisualizerPage.tsx

@@ -627,6 +627,7 @@ export default function VisualizerPage() {
                       max={99}
                       placeholder="Enter target value"
                       title="Target value to search for"
+                      aria-label="Search target value"
                     />
                     {meta.slug === "binary-search" && (
                       <p