fix(a11y): add labels to unlabeled form inputs\n\nCo-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/components/AccountDataEditor.tsx

@@ -127,6 +127,7 @@ function AccountDataEdit({
             <Input
               variant={type.length > 0 || submitting ? 'SurfaceVariant' : 'Background'}
               name="typeInput"
+              aria-label="Account data type"
               size="400"
               radii="300"
               readOnly={type.length > 0 || submitting}
@@ -170,6 +171,7 @@ function AccountDataEdit({
         <TextAreaComponent
           ref={textAreaRef}
           name="contentTextArea"
+          aria-label="JSON content"
           style={{
             fontFamily: 'monospace',
           }}

src/app/components/SecretStorage.tsx

@@ -80,6 +80,7 @@ export function SecretStorageRecoveryPassphrase({
           <Text size="L400">Recovery Passphrase</Text>
           <PasswordInput
             name="recoveryPassphraseInput"
+            aria-label="Recovery passphrase"
             size="400"
             variant="Secondary"
             radii="300"
@@ -170,6 +171,7 @@ export function SecretStorageRecoveryKey({
           <Text size="L400">Recovery Key</Text>
           <PasswordInput
             name="recoveryKeyInput"
+            aria-label="Recovery key"
             size="400"
             variant="Secondary"
             radii="300"

src/app/components/uia-stages/EmailStage.tsx

@@ -39,10 +39,11 @@ function EmailErrorDialog({
         <Box direction="Column" gap="100">
           <Text size="H4">{title}</Text>
           <Text>{message}</Text>
-          <Text as="label" size="L400" style={{ paddingTop: config.space.S400 }}>
+          <Text as="label" htmlFor="retryEmailInput" size="L400" style={{ paddingTop: config.space.S400 }}>
             Email
           </Text>
           <Input
+            id="retryEmailInput"
             name="retryEmailInput"
             variant="Background"
             size="500"

src/app/pages/client/explore/Explore.tsx

@@ -110,7 +110,7 @@ export function AddServer() {
                 <Text priority="400">Add server name to explore public communities.</Text>
                 <Box direction="Column" gap="100">
                   <Text size="L400">Server Name</Text>
-                  <Input ref={serverInputRef} name="serverInput" variant="Background" required />
+                  <Input ref={serverInputRef} name="serverInput" aria-label="Server name" variant="Background" required />
                   {exploreState.status === AsyncStatus.Error && (
                     <Text style={{ color: color.Critical.Main }} size="T300">
                       Failed to load public rooms. Please try again.

src/app/pages/client/explore/Server.tsx

@@ -111,6 +111,7 @@ function Search({ active, loading, searchInputRef, onSearch, onReset }: SearchPr
         ref={searchInputRef}
         style={{ paddingRight: config.space.S300 }}
         name="searchInput"
+        aria-label="Search rooms"
         size="500"
         variant="Background"
         placeholder="Search for keyword"