AVSDev/sprinkle-uf-tweaks
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Accessibility updates

Browse Source
This commit is contained in:
Craig Williams
2026-02-10 11:08:16 +00:00
parent a24d12ee81
commit ead3bfd7b8
30 changed files with 372 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/forms/inputs/register-captcha.html.twig
View File

@@ -4,7 +4,7 @@
<label class="sr-only" for="input-register-captcha">{{translate('CAPTCHA.VERIFY')}}</label>
<div class="row">
<div class="col-md-6">
<input type="text" id="input-register-captcha" name="captcha" placeholder="{{translate('CAPTCHA.SPECIFY')}}" class="form-control">
<input type="text" id="input-register-captcha" name="captcha" placeholder="{{translate('CAPTCHA.SPECIFY')}}" class="form-control" autocomplete="off">
</div>
<div class="col-md-6 form-col-captcha">
<img src="{{site.uri.public}}/account/captcha" id="captcha" data-target="#input-register-captcha">

8
templates/forms/inputs/register-name_email.html.twig
View File

@@ -1,24 +1,24 @@
{% if 'name_email' not in form.fields.hidden %}
{% if col_width %}<div class="{{col_width}}">{% endif %}
<label for="input-register-first_name">{{translate('NAME_AND_EMAIL')}}</label>
<span class="form-group-label">{{translate('NAME_AND_EMAIL')}}</span>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="sr-only control-label" for="input-register-first_name">{{translate('FIRST_NAME')}}</label>
<input type="text" id="input-register-first_name" name="first_name" placeholder="{{translate('FIRST_NAME')}}" class="form-control" autocomplete="off">
<input type="text" id="input-register-first_name" name="first_name" placeholder="{{translate('FIRST_NAME')}}" class="form-control" autocomplete="given-name">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="sr-only control-label" for="input-register-last_name">{{translate('LAST_NAME')}}</label>
<input type="text" id="input-register-last_name" name="last_name" placeholder="{{translate('LAST_NAME')}}" class="form-control" autocomplete="off">
<input type="text" id="input-register-last_name" name="last_name" placeholder="{{translate('LAST_NAME')}}" class="form-control" autocomplete="family-name">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<input type="text" id="input-register-email" name="email" placeholder="{% if site.registration.require_email_verification %}{{translate('EMAIL.VERIFICATION_REQUIRED')}}{% else %}{{translate('EMAIL.YOUR')}}{% endif %}" class="form-control">
<input type="text" id="input-register-email" name="email" placeholder="{% if site.registration.require_email_verification %}{{translate('EMAIL.VERIFICATION_REQUIRED')}}{% else %}{{translate('EMAIL.YOUR')}}{% endif %}" class="form-control" autocomplete="email">
</div>
</div>
</div>

4
templates/forms/inputs/register-password.html.twig
View File

@@ -2,11 +2,11 @@
{% if col_width %}<div class="{{col_width}}">{% endif %}
<div class="form-group">
<label for="input-register-password" class="control-label">{{translate('PASSWORD')}}</label>
<input type="password" id="input-register-password" name="password" placeholder="{{translate('PASSWORD.BETWEEN', {min: site.password.length.min, max: site.password.length.max})}}" class="form-control">
<input type="password" id="input-register-password" name="password" placeholder="{{translate('PASSWORD.BETWEEN', {min: site.password.length.min, max: site.password.length.max})}}" class="form-control" autocomplete="new-password">
</div>
<div class="form-group">
<label class="sr-only control-label" for="input-register-passwordc">{{translate('PASSWORD.CONFIRM')}}</label>
<input type="password" id="input-register-passwordc" name="passwordc" placeholder="{{translate('PASSWORD.CONFIRM')}}" class="form-control">
<input type="password" id="input-register-passwordc" name="passwordc" placeholder="{{translate('PASSWORD.CONFIRM')}}" class="form-control" autocomplete="new-password">
</div>
{% if col_width %}</div>{% endif %}
{% endif %}

2
templates/forms/inputs/register-user_name.html.twig
View File

@@ -3,7 +3,7 @@
<div class="form-group">
<label for="input-register-username" class="control-label">{{translate('USERNAME')}}</label>
<span class="pull-right"><a href="#" id="input-register-username-suggest">[{{translate('SUGGEST')}}]</a></span>
<input type="text" id="input-register-username" name="user_name" placeholder="{{translate('USERNAME.CHOOSE')}}" class="form-control" autocomplete="off">
<input type="text" id="input-register-username" name="user_name" placeholder="{{translate('USERNAME.CHOOSE')}}" class="form-control" autocomplete="username">
</div>
{% if col_width %}</div>{% endif %}
{% endif %}

2
templates/forms/inputs/user-current_password.html.twig
View File

@@ -4,7 +4,7 @@
<label for="input-user-passwordcheck" class="control-label">{{translate("PASSWORD.CURRENT")}}</label>
<div class="input-group">
<span class="input-group-addon"><i class="fas fa-key"></i></span>
<input type="password" id="input-user-passwordcheck" class="form-control" name="passwordcheck" placeholder="{{translate("PASSWORD.CURRENT_EXPLAIN")}}" {% if 'password' in form.fields.disabled %}disabled{% endif %}>
<input type="password" id="input-user-passwordcheck" class="form-control" name="passwordcheck" placeholder="{{translate("PASSWORD.CURRENT_EXPLAIN")}}" {% if 'password' in form.fields.disabled %}disabled{% endif %} autocomplete="current-password">
</div>
</div>
{% if col_width %}</div>{% endif %}

2
templates/forms/inputs/user-email.html.twig
View File

@@ -4,7 +4,7 @@
<label for="input-user-email" class="control-label">{{translate('EMAIL')}}</label>
<div class="input-group js-copy-container">
<span class="input-group-addon"><i class="fas fa-envelope fa-fw"></i></span>
<input type="text" class="form-control js-copy-target" name="email" autocomplete="off" value="{{user.email}}" placeholder="{{translate('EMAIL')}}" {% if 'email' in form.fields.disabled %}disabled{% endif %}>
<input type="text" class="form-control js-copy-target" id="input-user-email" name="email" value="{{user.email}}" placeholder="{{translate('EMAIL')}}" {% if 'email' in form.fields.disabled %}disabled{% endif %} autocomplete="email">
{% if 'email' in form.fields.disabled %}
{% if 'copy' not in form.fields.disabled %}
<span class="input-group-btn">

2
templates/forms/inputs/user-first_name.html.twig
View File

@@ -4,7 +4,7 @@
<label for="input-user-first-name" class="control-label">{{translate('FIRST_NAME')}}</label>
<div class="input-group">
<span class="input-group-addon"><i class="fas fa-edit fa-fw"></i></span>
<input type="text" id="input-user-first-name" name="first_name" class="form-control" autocomplete="off" value="{{user.first_name}}" placeholder="{{translate('FIRST_NAME')}}" {% if 'name' in form.fields.disabled %}disabled{% endif %}>
<input type="text" id="input-user-first-name" name="first_name" class="form-control" value="{{user.first_name}}" placeholder="{{translate('FIRST_NAME')}}" {% if 'name' in form.fields.disabled %}disabled{% endif %} autocomplete="given-name">
</div>
</div>
{% if col_width %}</div>{% endif %}

2
templates/forms/inputs/user-last_name.html.twig
View File

@@ -4,7 +4,7 @@
<label for="input-user-last-name" class="control-label">{{translate('LAST_NAME')}}</label>
<div class="input-group">
<span class="input-group-addon"><i class="fas fa-edit fa-fw"></i></span>
<input type="text" id="input-user-last-name" name="last_name" class="form-control" autocomplete="off" value="{{user.last_name}}" placeholder="{{translate('LAST_NAME')}}" {% if 'name' in form.fields.disabled %}disabled{% endif %}>
<input type="text" id="input-user-last-name" name="last_name" class="form-control" value="{{user.last_name}}" placeholder="{{translate('LAST_NAME')}}" {% if 'name' in form.fields.disabled %}disabled{% endif %} autocomplete="family-name">
</div>
</div>
{% if col_width %}</div>{% endif %}

4
templates/forms/inputs/user-new_password.html.twig
View File

@@ -4,14 +4,14 @@
<label for="input-user-password" class="control-label">{{translate("PASSWORD.NEW")}}</label>
<div class="input-group">
<span class="input-group-addon"><i class="fas fa-key"></i></span>
<input type="password" id="input-user-password" class="form-control" name="password" placeholder="{{translate("PASSWORD.BETWEEN", {min: site.password.length.min, max: site.password.length.max})}} ({{translate("OPTIONAL")}})" {% if 'password' in form.fields.disabled %}disabled{% endif %}>
<input type="password" id="input-user-password" class="form-control" name="password" placeholder="{{translate("PASSWORD.BETWEEN", {min: site.password.length.min, max: site.password.length.max})}} ({{translate("OPTIONAL")}})" {% if 'password' in form.fields.disabled %}disabled{% endif %} autocomplete="new-password">
</div>
</div>
<div class="form-group">
<label for="input-user-passwordc" class="control-label">{{translate("PASSWORD.CONFIRM_NEW")}}</label>
<div class="input-group">
<span class="input-group-addon"><i class="fas fa-key"></i></span>
<input type="password" id="input-user-passwordc" class="form-control" name="passwordc" placeholder="{{translate("PASSWORD.CONFIRM_NEW_HELP")}}" {% if 'password' in form.fields.disabled %}disabled{% endif %}>
<input type="password" id="input-user-passwordc" class="form-control" name="passwordc" placeholder="{{translate("PASSWORD.CONFIRM_NEW_HELP")}}" {% if 'password' in form.fields.disabled %}disabled{% endif %} autocomplete="new-password">
</div>
</div>
{% if col_width %}</div>{% endif %}

2
templates/forms/inputs/user-user_name.html.twig
View File

@@ -4,7 +4,7 @@
<label for="input-user-username" class="control-label">{{translate('USERNAME')}}</label>
<div class="input-group">
<span class="input-group-addon"><i class="fas fa-edit fa-fw"></i></span>
<input type="text" id="input-user-username" class="form-control" name="user_name" autocomplete="off" value="{{user.user_name}}" placeholder="{{translate('USERNAME')}}" {% if 'user_name' in form.fields.disabled %}disabled{% endif %}>
<input type="text" id="input-user-username" class="form-control" name="user_name" value="{{user.user_name}}" placeholder="{{translate('USERNAME')}}" {% if 'user_name' in form.fields.disabled %}disabled{% endif %} autocomplete="username">
</div>
</div>
{% if col_width %}</div>{% endif %}