From eca44f6e857b6470c2afcfcf1c2e8c95fddaab1e Mon Sep 17 00:00:00 2001
From: LD-Reborn <lucretia.dietz@gmx.de>
Date: Sun, 2 Nov 2025 22:19:07 +0100
Subject: [PATCH] Fixed inventory detail view accessibility issues

---
 src/Views/Home/Inventory.cshtml | 48 ++++++++++++++++-----------------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/src/Views/Home/Inventory.cshtml b/src/Views/Home/Inventory.cshtml
index 77e0018..c057e2c 100644
--- a/src/Views/Home/Inventory.cshtml
+++ b/src/Views/Home/Inventory.cshtml
@@ -143,36 +143,36 @@
                     </div>
                     <div class="row g-3">
                         <div class="col-md-6">
-                            <label class="form-label">@T["Name"]</label>
-                            <input type="text" class="form-control" name="Name" value="${asset.Name || ''}" disabled />
+                            <label class="form-label" for="detailName">@T["Name"]</label>
+                            <input type="text" class="form-control" id="detailName" name="Name" value="${asset.Name || ''}" disabled />
                         </div>
                         <div class="col-md-6">
-                            <label class="form-label">@T["Location"]</label>
-                            <input type="text" class="form-control" name="Location" value="${asset.Location || ''}" disabled />
+                            <label class="form-label" for="detailLocation">@T["Location"]</label>
+                            <input type="text" class="form-control" id="detailLocation" name="Location" value="${asset.Location || ''}" disabled />
                         </div>
                         <div class="col-md-6">
-                            <label class="form-label">@T["Owner"]</label>
-                            <input type="text" class="form-control" name="Owner" value="${asset.Owner || ''}" disabled />
+                            <label class="form-label" for="detailOwner">@T["Owner"]</label>
+                            <input type="text" class="form-control" id="detailOwner" name="Owner" value="${asset.Owner || ''}" disabled />
                         </div>
                         <div class="col-md-6">
-                            <label class="form-label">@T["Serial Number"]</label>
-                            <input type="text" class="form-control" name="SerialNumber" value="${asset.SerialNumber || ''}" disabled />
+                            <label class="form-label" for="detailSerialNumber">@T["Serial Number"]</label>
+                            <input type="text" class="form-control" id="detailSerialNumber" name="SerialNumber" value="${asset.SerialNumber || ''}" disabled />
                         </div>
                     </div>
                     <hr class="my-3" />
                     <div class="row g-3">
                         <h6 class="fw-bold">@T["Description"]</h6>
                         <div class="col-md-6">
-                            <label class="form-label">@T["Type"]</label>
-                            <input type="text" class="form-control" name="Description.Type" value="${asset.Description?.Type || ''}" disabled />
+                            <label class="form-label" for="detailType">@T["Type"]</label>
+                            <input type="text" class="form-control" id="detailType" name="Description.Type" value="${asset.Description?.Type || ''}" disabled />
                         </div>
                         <div class="col-md-6">
-                            <label class="form-label">@T["Make"]</label>
-                            <input type="text" class="form-control" name="Description.Make" value="${asset.Description?.Make || ''}" disabled />
+                            <label class="form-label" for="detailMake">@T["Make"]</label>
+                            <input type="text" class="form-control" id="detailMake" name="Description.Make" value="${asset.Description?.Make || ''}" disabled />
                         </div>
                         <div class="col-md-6">
-                            <label class="form-label">@T["Model"]</label>
-                            <input type="text" class="form-control" name="Description.Model" value="${asset.Description?.Model || ''}" disabled />
+                            <label class="form-label" for="detailModel">@T["Model"]</label>
+                            <input type="text" class="form-control" id="detailModel" name="Description.Model" value="${asset.Description?.Model || ''}" disabled />
                         </div>
                     </div>
                     ${asset.Description?.Attributes ? `
@@ -182,8 +182,8 @@
                             ${Object.entries(asset.Description.Attributes)
                                 .map(([k,v]) => `
                                 <div class="d-flex gap-2 align-items-center attribute-row">
-                                    <input type="text" class="form-control w-50" placeholder="@T["Attribute name"]" data-attr-name disabled value="${k}" />:
-                                    <input type="text" class="form-control" placeholder="@T["Attribute value"]" data-attr-value disabled value="${v}" />
+                                    <input type="text" class="form-control w-50" placeholder="@T["Attribute name"]" aria-label="@T["Attribute name"]" data-attr-name disabled value="${k}" />:
+                                    <input type="text" class="form-control" placeholder="@T["Attribute value"]" aria-label="@T["Attribute value"]" data-attr-value disabled value="${v}" />
                                 </div>`)
                                 .join('')}
                         </div>` : ''}
@@ -193,20 +193,20 @@
                     <div class="row g-3">
                         <h6 class="fw-bold">@T["Purchase Information"]</h6>
                         <div class="col-md-6">
-                            <label class="form-label">@T["Purchase Date"]</label>
-                            <input type="date" class="form-control" name="Description.Purchase.PurchaseDate" value="${asset.Description.Purchase.PurchaseDate || ''}" disabled />
+                            <label class="form-label" for="detailPurchaseDate">@T["Purchase Date"]</label>
+                            <input type="date" class="form-control" id="detailPurchaseDate" name="Description.Purchase.PurchaseDate" value="${asset.Description.Purchase.PurchaseDate || ''}" disabled />
                         </div>
                         <div class="col-md-6">
-                            <label class="form-label">@T["Purchase Value"]</label>
-                            <input type="text" class="form-control" name="Description.Purchase.PurchaseValue" value="${asset.Description.Purchase.PurchaseValue || ''}" disabled />
+                            <label class="form-label" for="detailPurchaseValue">@T["Purchase Value"]</label>
+                            <input type="text" class="form-control" id="detailPurchaseValue" name="Description.Purchase.PurchaseValue" value="${asset.Description.Purchase.PurchaseValue || ''}" disabled />
                         </div>
                         <div class="col-md-6">
-                            <label class="form-label">@T["Purchased At"]</label>
-                            <input type="text" class="form-control" name="Description.Purchase.PurchaseAt" value="${asset.Description.Purchase.PurchaseAt || ''}" disabled />
+                            <label class="form-label" for="detailPurchaseAt">@T["Purchased At"]</label>
+                            <input type="text" class="form-control" id="detailPurchaseAt" name="Description.Purchase.PurchaseAt" value="${asset.Description.Purchase.PurchaseAt || ''}" disabled />
                         </div>
                         <div class="col-md-6">
-                            <label class="form-label">@T["Purchased By"]</label>
-                            <input type="text" class="form-control" name="Description.Purchase.PurchaseBy" value="${asset.Description.Purchase.PurchaseBy || ''}" disabled />
+                            <label class="form-label" for="detailPurchaseBy">@T["Purchased By"]</label>
+                            <input type="text" class="form-control" id="detailPurchaseBy" name="Description.Purchase.PurchaseBy" value="${asset.Description.Purchase.PurchaseBy || ''}" disabled />
                         </div>
                     </div>` : ''}
                 </div>`;