Better a11y of web form labels

This commit is contained in:
Daniel Markstedt 2023-10-31 23:44:12 +09:00
parent cb04c0cc4b
commit 797055703d
4 changed files with 18 additions and 0 deletions

View File

@ -203,3 +203,7 @@ div.throttle-notice > div a {
div.throttle-notice > div a:hover {
text-decoration: underline;
}
label.hidden {
display: none;
}

View File

@ -62,6 +62,10 @@ div.notice {
color: #fff;
}
label.hidden {
display: none;
}
/*
------------------------------------------------------------------------------
Tables

View File

@ -396,6 +396,7 @@
<input name="url" id="download_url" required="" type="url">
<input type="radio" name="destination" id="disk_images" value="disk_images" checked="checked">
<label for="disk_images">{{ _("Disk Images") }}</label>
<label for="images_subdir" class="hidden">{{ _("Directory") }}</label>
<select name="images_subdir" id="images_subdir">
{% for dir in images_subdirs %}
<option value="{{dir}}">{{dir}}</option>
@ -405,6 +406,7 @@
{% if file_server_dir_exists %}
<input type="radio" name="destination" id="shared_files" value="shared_files">
<label for="shared_files">{{ _("Shared Files") }}</label>
<label for="shared_subdir" class="hidden">{{ _("Directory") }}</label>
<select name="shared_subdir" id="shared_subdir">
{% for dir in shared_subdirs %}
<option value="{{dir}}">{{dir}}</option>

View File

@ -13,26 +13,34 @@
<h3>{{ _("Destination") }}</h3>
<form name="dropper" action="/files/upload" method="post" class="dropzone dz-clickable" enctype="multipart/form-data" id="dropper">
<fieldset>
<input type="radio" name="destination" id="disk_images" value="disk_images" checked="checked">
<label for="disk_images">{{ _("Disk Images") }}</label>
<label for="images_subdir" class="hidden">{{ _("Directory") }}</label>
<select name="images_subdir" id="images_subdir">
{% for dir in images_subdirs %}
<option value="{{dir}}">{{dir}}</option>
{% endfor %}
<option value="/" selected>/</option>
</select>
</fieldset>
{% if file_server_dir_exists %}
<fieldset>
<input type="radio" name="destination" id="shared_files" value="shared_files">
<label for="shared_files">{{ _("Shared Files") }}</label>
<label for="shared_subdir" class="hidden">{{ _("Directory") }}</label>
<select name="shared_subdir" id="shared_subdir">
{% for dir in shared_subdirs %}
<option value="{{dir}}">{{dir}}</option>
{% endfor %}
<option value="/" selected>/</option>
</select>
</fieldset>
{% endif %}
<fieldset>
<input type="radio" name="destination" id="piscsi_config" value="piscsi_config">
<label for="piscsi_config">{{ _("PiSCSI Config") }}</label>
</fieldset>
</form>
<script