Merge pull request #271 from LD-Reborn/243-bug-user-detail-view-input-labels-lack-a-for-attribute

Fixed user detail view accessibility issues
This commit is contained in:
LD50
2025-11-02 23:46:03 +01:00
committed by GitHub

View File

@@ -163,7 +163,7 @@
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-warning text-dark"> <div class="modal-header bg-warning text-dark">
<h3 class="modal-title" id="updateModalLabel">@T["Update User"]</h3> <h3 class="modal-title" id="updateModalLabel">@T["Update User"]</h3>
<button type="button" class="btn-close btn-close-white" style="filter: invert(0);" data-bs-dismiss="modal"></button> <button type="button" class="btn-close btn-close-white" style="filter: invert(0);" aria-label="Close" data-bs-dismiss="modal"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form id="updateForm"> <form id="updateForm">
@@ -449,7 +449,7 @@
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-primary text-white"> <div class="modal-header bg-primary text-white">
<h3 class="modal-title" id="createModalLabel">@T["Create user"]</h3> <h3 class="modal-title" id="createModalLabel">@T["Create user"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button> <button type="button" class="btn-close btn-close-white" aria-label="Close" data-bs-dismiss="modal"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form id="createForm"> <form id="createForm">
@@ -654,55 +654,55 @@
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-info text-dark"> <div class="modal-header bg-info text-dark">
<h3 class="modal-title" id="detailModalLabel">@T["User Details"]</h3> <h3 class="modal-title" id="detailModalLabel">@T["User Details"]</h3>
<button type="button" class="btn-close btn-close-white" style="filter: invert(0);" data-bs-dismiss="modal"></button> <button type="button" class="btn-close btn-close-white" style="filter: invert(0);" aria-label="Close" data-bs-dismiss="modal"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="row g-3"> <div class="row g-3">
<div class="col-md-4 text-center"> <div class="col-md-4 text-center">
<img id="detailPhoto" class="img-thumbnail rounded-circle" style="max-height:150px;" /> <img id="detailPhoto" alt="Photo" class="img-thumbnail rounded-circle" style="max-height:150px;" />
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label">@T["Username"]</label> <label class="form-label" for="detailUid">@T["Username"]</label>
<input type="text" class="form-control" id="detailUid" value="" disabled /> <input type="text" class="form-control" id="detailUid" value="" disabled />
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label">@T["Title"]</label> <label class="form-label" for="detailTitle">@T["Title"]</label>
<input type="text" class="form-control" id="detailTitle" value="" disabled /> <input type="text" class="form-control" id="detailTitle" value="" disabled />
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label">@T["Name"]</label> <label class="form-label" for="detailName">@T["Name"]</label>
<input type="text" class="form-control" id="detailName" value="" disabled /> <input type="text" class="form-control" id="detailName" value="" disabled />
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label">@T["Surname"]</label> <label class="form-label" for="detailSurname">@T["Surname"]</label>
<input type="text" class="form-control" id="detailSurname" value="" disabled /> <input type="text" class="form-control" id="detailSurname" value="" disabled />
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label">@T["Birth Date"]</label> <label class="form-label" for="detailBirthdate">@T["Birth Date"]</label>
<input type="text" class="form-control" id="detailBirthdate" value="" disabled /> <input type="text" class="form-control" id="detailBirthdate" value="" disabled />
</div> </div>
<hr class="my-3"> <hr class="my-3">
<h4 class="fw-bold">@T["Address"]</h4> <h4 class="fw-bold">@T["Address"]</h4>
<div class="col-md-4"> <div class="col-md-4">
<label class="form-label">@T["City"]</label> <label class="form-label" for="detailCity">@T["City"]</label>
<input type="text" class="form-control" id="detailCity" value="" disabled /> <input type="text" class="form-control" id="detailCity" value="" disabled />
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label">@T["Street"]</label> <label class="form-label" for="detailStreet">@T["Street"]</label>
<input type="text" class="form-control" id="detailStreet" value="" disabled /> <input type="text" class="form-control" id="detailStreet" value="" disabled />
</div> </div>
<div class="col-md-2"> <div class="col-md-2">
<label class="form-label">@T["Street Nr."]</label> <label class="form-label" for="detailStreetNr">@T["Street Nr."]</label>
<input type="text" class="form-control" id="detailStreetNr" value="" disabled /> <input type="text" class="form-control" id="detailStreetNr" value="" disabled />
</div> </div>
<hr class="my-3"> <hr class="my-3">
<h4 class="fw-bold">@T["Workplace & account"]</h4> <h4 class="fw-bold">@T["Workplace & account"]</h4>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label">@T["Workplace"]</label> <label class="form-label" for="detailWorkplace">@T["Workplace"]</label>
<input type="text" class="form-control" id="detailWorkplace" value="" disabled /> <input type="text" class="form-control" id="detailWorkplace" value="" disabled />
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<label class="form-label">@T["Groups"]</label> <label class="form-label" for="detailGroups">@T["Groups"]</label>
<input type="text" class="form-control" id="detailGroups" value="" disabled /> <input type="text" class="form-control" id="detailGroups" value="" disabled />
</div> </div>
</div> </div>