fix(a11y): add accessible labels to unlabeled form controls

src/components/projects/project-collaboration-panel.tsx

@@ -160,6 +160,7 @@ export function ProjectCommentForm({
   return (
     <form className="flex flex-col gap-4" onSubmit={onSubmit}>
       <textarea
+        aria-label="Post an update, ask a question, or leave feedback"
         className="min-h-[110px] w-full rounded-lg border border-border/80 bg-background px-3 py-2 text-sm outline-none transition-all placeholder:text-muted-foreground/50 focus:border-primary/60 focus:ring-2 focus:ring-primary/10"
         onChange={(event) => onContentChange(event.target.value)}
         placeholder="Post an update, ask a question, or leave feedback..."

src/components/projects/project-files-panel.tsx

@@ -217,6 +217,7 @@ export function ProjectFilesPanel({
     >
       <input
         accept={fileInputAccept}
+        aria-label="Upload project files"
         className="hidden"
         multiple
         onChange={(event) => {

src/routes/clients/index.tsx

@@ -90,6 +90,7 @@ function ClientsPage() {
         actions={
           <div className="flex items-center gap-3">
             <input
+              aria-label="Search clients or projects"
               className="h-9 min-w-64 rounded-md border border-border bg-card px-3 text-sm outline-none transition-all focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/20"
               onChange={(event) => setQuery(event.target.value)}
               placeholder="Search clients or projects..."

src/routes/portal/files.tsx

@@ -219,6 +219,7 @@ function PortalFilesPage() {
             </select>
             <input
               accept="image/*,.pdf,.txt,.csv"
+              aria-label="Upload files"
               className="hidden"
               multiple
               onChange={(e) =>

src/routes/portal/projects/$id.tsx

@@ -410,6 +410,7 @@ function UnifiedActivityPanel({ projectId }: { projectId: string }) {
       {/* Message Composer */}
       <form className="space-y-3" onSubmit={handleSubmit}>
         <textarea
+          aria-label="Send a message or ask a question"
           className="min-h-[96px] w-full rounded-lg border border-border/80 bg-background px-3 py-2 text-xs outline-none transition-all placeholder:text-muted-foreground/50 focus:border-primary/60 focus:ring-2 focus:ring-primary/10"
           onChange={(event) => setContent(event.target.value)}
           placeholder="Send a message or ask a question..."