fix: checkbox accessibility (#567)

needs: ForkbombEu/didroom-components#195
ForkbombEu · Dec 23, 2024 · 07893aa · 07893aa
1 parent 08ffd17
commit 07893aa
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 14 deletions.
diff --git a/package.json b/package.json
@@ -26,7 +26,7 @@
 	"devDependencies": {
 		"@axe-core/playwright": "^4.10.1",
 		"@capacitor/assets": "^3.0.5",
-		"@didroom/components": "^1.31.7",
+		"@didroom/components": "^1.31.9",
 		"@eslint/eslintrc": "^3.2.0",
 		"@eslint/js": "^9.16.0",
 		"@faker-js/faker": "^8.4.1",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/routes/[[lang]]/(auth)/login/+page.svelte b/src/routes/[[lang]]/(auth)/login/+page.svelte
@@ -113,14 +113,16 @@
 							</Input>
 						{:else}
 							<Checkbox fieldPath="conditions" {form}
-								>{m.Accept()}
-								<a
-									href="https://didroom.com/guides/7_terms-and-conditions/"
-									class="text-accent underline"
-								>
-									{m.Terms_and_Conditions()}
-								</a></Checkbox
-							>
+								><d-text size="l" class="flex items-center gap-1">
+										{m.Accept()}
+									<a
+										href="https://didroom.com/guides/Terms-and-conditions/"
+										class="flex h-12 items-center text-accent underline"
+									>
+										{m.Terms_and_Conditions()}
+									</a>
+								</d-text>
+							</Checkbox>
 						{/if}
 						<d-vertical-stack gap="4" class="mt-4">
 							<d-button size="default" color="accent" type="submit" expand {disabled}>