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"