gitea-admin/gh-christianlouis-docuelevate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(auth): add WCAG 2.5.8 min-height to signup form inputs

Browse Source 
Add explicit style="min-height:44px" to all input fields in signup.html
to meet WCAG 2.5.8 touch target requirements (44×44 CSS pixels minimum).

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2026-03-07 13:23:46 +00:00
parent 6a967051ba
commit 43f3f6bdbe
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/templates/signup.html
+5
View File
@@ -78,6 +78,7 @@
x-model="email"
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring focus:ring-blue-500 focus:ring-opacity-50"
aria-required="true"
style="min-height:44px;"
>
</div>
@@ -91,6 +92,7 @@
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring focus:ring-blue-500 focus:ring-opacity-50"
aria-required="true"
aria-describedby="username-hint"
style="min-height:44px;"
>
<p id="username-hint" class="mt-1 text-xs text-gray-500">3–64 characters. Letters, numbers, hyphens and underscores only.</p>
</div>
@@ -102,6 +104,7 @@
x-model="display_name"
maxlength="255"
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring focus:ring-blue-500 focus:ring-opacity-50"
style="min-height:44px;"
>
</div>
@@ -114,6 +117,7 @@
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring focus:ring-blue-500 focus:ring-opacity-50"
aria-required="true"
aria-describedby="password-hint"
style="min-height:44px;"
>
<p id="password-hint" class="mt-1 text-xs text-gray-500">Minimum 8 characters.</p>
</div>
@@ -126,6 +130,7 @@
minlength="8" maxlength="128"
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring focus:ring-blue-500 focus:ring-opacity-50"
aria-required="true"
style="min-height:44px;"
>
</div>