change divs to labels, as this is what they semantically are

This commit is contained in:
Sine Jespersen 2025-05-06 14:33:26 +02:00
parent 86ce111edd
commit 8c6f4f6579

View File

@ -248,10 +248,11 @@
<div class="flex flex-col mt-4"> <div class="flex flex-col mt-4">
{#if mode === 'signup'} {#if mode === 'signup'}
<div class="mb-2"> <div class="mb-2">
<div class=" text-sm font-medium text-left mb-1">{$i18n.t('Name')}</div> <label for="name" class="text-sm font-medium text-left mb-1 block">{$i18n.t('Name')}</label>
<input <input
bind:value={name} bind:value={name}
type="text" type="text"
id="name"
class="my-0.5 w-full text-sm outline-hidden bg-transparent" class="my-0.5 w-full text-sm outline-hidden bg-transparent"
autocomplete="name" autocomplete="name"
placeholder={$i18n.t('Enter Your Full Name')} placeholder={$i18n.t('Enter Your Full Name')}
@ -262,23 +263,25 @@
{#if mode === 'ldap'} {#if mode === 'ldap'}
<div class="mb-2"> <div class="mb-2">
<div class=" text-sm font-medium text-left mb-1">{$i18n.t('Username')}</div> <label for="username" class="text-sm font-medium text-left mb-1 block">{$i18n.t('Username')}</label>
<input <input
bind:value={ldapUsername} bind:value={ldapUsername}
type="text" type="text"
class="my-0.5 w-full text-sm outline-hidden bg-transparent" class="my-0.5 w-full text-sm outline-hidden bg-transparent"
autocomplete="username" autocomplete="username"
name="username" name="username"
id="username"
placeholder={$i18n.t('Enter Your Username')} placeholder={$i18n.t('Enter Your Username')}
required required
/> />
</div> </div>
{:else} {:else}
<div class="mb-2"> <div class="mb-2">
<div class=" text-sm font-medium text-left mb-1">{$i18n.t('Email')}</div> <label for="email" class="text-sm font-medium text-left mb-1 block">{$i18n.t('Email')}</label>
<input <input
bind:value={email} bind:value={email}
type="email" type="email"
id="email"
class="my-0.5 w-full text-sm outline-hidden bg-transparent" class="my-0.5 w-full text-sm outline-hidden bg-transparent"
autocomplete="email" autocomplete="email"
name="email" name="email"
@ -289,11 +292,11 @@
{/if} {/if}
<div> <div>
<div class=" text-sm font-medium text-left mb-1">{$i18n.t('Password')}</div> <label for="password" class="text-sm font-medium text-left mb-1 block">{$i18n.t('Password')}</label>
<input <input
bind:value={password} bind:value={password}
type="password" type="password"
id="password"
class="my-0.5 w-full text-sm outline-hidden bg-transparent" class="my-0.5 w-full text-sm outline-hidden bg-transparent"
placeholder={$i18n.t('Enter Your Password')} placeholder={$i18n.t('Enter Your Password')}
autocomplete="current-password" autocomplete="current-password"