Fixed modal title heading accessibility issue

This commit is contained in:
2025-11-02 23:02:31 +01:00
parent 81a09bd11a
commit 80890ed3a1
7 changed files with 21 additions and 17 deletions

View File

@@ -79,7 +79,7 @@
<div class="modal-dialog modal-dialog-centered"> <div class="modal-dialog modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-danger text-white"> <div class="modal-header bg-danger text-white">
<h5 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h5> <h3 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
@@ -160,7 +160,7 @@
<div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-primary text-white"> <div class="modal-header bg-primary text-white">
<h5 class="modal-title" id="createAssetModalLabel">@T["Create asset"]</h5> <h3 class="modal-title" id="createAssetModalLabel">@T["Create asset"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>
@@ -387,7 +387,7 @@
<div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-warning text-dark"> <div class="modal-header bg-warning text-dark">
<h5 class="modal-title" id="updateAssetModalLabel">@T["Update Asset"]</h5> <h3 class="modal-title" id="updateAssetModalLabel">@T["Update Asset"]</h3>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>
@@ -621,7 +621,7 @@ document.addEventListener('DOMContentLoaded', () => {
<div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-info text-white"> <div class="modal-header bg-info text-white">
<h5 class="modal-title" id="viewAssetModalLabel">@T["Asset Details"]</h5> <h3 class="modal-title" id="viewAssetModalLabel">@T["Asset Details"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>

View File

@@ -74,7 +74,7 @@
<div class="modal-dialog modal-dialog-centered"> <div class="modal-dialog modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-danger text-white"> <div class="modal-header bg-danger text-white">
<h5 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h5> <h3 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
@@ -162,7 +162,7 @@
<div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-primary text-white"> <div class="modal-header bg-primary text-white">
<h5 class="modal-title" id="createGroupModalLabel">@T["Create group"]</h5> <h3 class="modal-title" id="createGroupModalLabel">@T["Create group"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>
@@ -319,7 +319,7 @@
<div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-warning text-dark"> <div class="modal-header bg-warning text-dark">
<h5 class="modal-title" id="updateGroupModalLabel">@T["Update Group"]</h5> <h3 class="modal-title" id="updateGroupModalLabel">@T["Update Group"]</h3>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>

View File

@@ -34,7 +34,7 @@
<div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-info text-white"> <div class="modal-header bg-info text-white">
<h5 class="modal-title text-dark" id="viewAssetModalLabel">@T["Asset Details"]</h5> <h3 class="modal-title text-dark" id="viewAssetModalLabel">@T["Asset Details"]</h3>
<button type="button" class="btn-close btn-close-white" style="filter: invert(0);" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close btn-close-white" style="filter: invert(0);" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>
@@ -337,7 +337,7 @@
<div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-warning text-dark"> <div class="modal-header bg-warning text-dark">
<h5 class="modal-title" id="updateAssetModalLabel">@T["Update Asset"]</h5> <h3 class="modal-title" id="updateAssetModalLabel">@T["Update Asset"]</h3>
<button type="button" class="btn-close" data-bs-dismiss="modal" style="filter: invert(0);" aria-label="Close"></button> <button type="button" class="btn-close" data-bs-dismiss="modal" style="filter: invert(0);" aria-label="Close"></button>
</div> </div>

View File

@@ -76,7 +76,7 @@
<div class="modal-dialog modal-dialog-centered"> <div class="modal-dialog modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-danger text-white"> <div class="modal-header bg-danger text-white">
<h5 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h5> <h3 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
@@ -157,7 +157,7 @@
<div class="modal-dialog modal-dialog-centered"> <div class="modal-dialog modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-warning text-dark"> <div class="modal-header bg-warning text-dark">
<h5 class="modal-title" id="editModalLabel">@T["Edit Location"]</h5> <h3 class="modal-title" id="editModalLabel">@T["Edit Location"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>
<form id="editForm"> <form id="editForm">
@@ -269,7 +269,7 @@
<div class="modal-dialog modal-dialog-centered"> <div class="modal-dialog modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-primary text-white"> <div class="modal-header bg-primary text-white">
<h5 class="modal-title" id="createModalLabel">@T["Create location"]</h5> <h3 class="modal-title" id="createModalLabel">@T["Create location"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>
<form id="createForm"> <form id="createForm">

View File

@@ -86,7 +86,7 @@
<div class="modal-dialog modal-dialog-centered"> <div class="modal-dialog modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-danger text-white"> <div class="modal-header bg-danger text-white">
<h5 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h5> <h3 class="modal-title" id="deleteModalLabel">@T["Confirm Delete"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
@@ -162,7 +162,7 @@
<div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-warning text-dark"> <div class="modal-header bg-warning text-dark">
<h5 class="modal-title" id="updateModalLabel">@T["Update User"]</h5> <h3 class="modal-title" id="updateModalLabel">@T["Update 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" data-bs-dismiss="modal"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
@@ -448,7 +448,7 @@
<div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-primary text-white"> <div class="modal-header bg-primary text-white">
<h5 class="modal-title" id="createModalLabel">@T["Create User"]</h5> <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" data-bs-dismiss="modal"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
@@ -653,7 +653,7 @@
<div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-info text-white"> <div class="modal-header bg-info text-white">
<h5 class="modal-title" id="detailModalLabel">@T["User Details"]</h5> <h3 class="modal-title" id="detailModalLabel">@T["User Details"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">

View File

@@ -14,7 +14,7 @@
<div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-primary text-white"> <div class="modal-header bg-primary text-white">
<h5 class="modal-title" id="printModalLabel">@T["Print Page"]</h5> <h3 class="modal-title" id="printModalLabel">@T["Print Page"]</h3>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">

View File

@@ -64,3 +64,7 @@ body {
color: #f8f9fa !important; color: #f8f9fa !important;
border-color: #666 !important; border-color: #666 !important;
} }
h3.modal-title {
font-size: 1.25rem;
}