modal accessibility updates

modal accessibility updates

Author: lanesCSO

test/template/modal.html

@@ -3,16 +3,16 @@
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header bg-warning">
-        <h5 class="modal-title text-light">Confirm</h5>
-        <button type="button" class="btn-close btn-close-white" aria-label="Close" data-bs-dismiss="modal"></button>
+        <h5 class="modal-title">Confirm</h5>
+        <button type="button" class="btn-close btn-close" aria-label="Close" data-bs-dismiss="modal"></button>
       </div>
       <div class="modal-body">
         <p name="message-text"></p>
       </div>
       <div class="modal-footer">
         <button type="button" class="btn btn-neutral" data-bs-dismiss="modal"><i class="far fa-times-circle"></i>
           Cancel</button>
-        <button type="button" name="confirm" class="btn btn-warning text-light"><i class="far fa-check-circle"></i>
+        <button type="button" name="confirm" class="btn btn-warning"><i class="far fa-check-circle"></i>
           Confirm</button>
       </div>
     </div>
@@ -81,8 +81,8 @@ <h5 class="modal-title text-light">Info</h5>
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header bg-warning">
-        <h5 class="modal-title text-light">Warning</h5>
-        <button type="button" class="btn-close btn-close-white" aria-label="Close" data-bs-dismiss="modal"></button>
+        <h5 class="modal-title">Warning</h5>
+        <button type="button" class="btn-close btn-close" aria-label="Close" data-bs-dismiss="modal"></button>
       </div>
       <div class="modal-body">
         <p name="message-text"></p>

test/template/modal.new.html

@@ -113,59 +113,9 @@ <h5>Exception:</h5>
             <div class="h4" name="message-text"></div>
             <div class="h6" name="message-content"></div>
           </div>
-          <div class='col-12 mt-2'><button name="warning" class='btn btn-warning text-light'>Ok</div>
+          <div class='col-12 mt-2'><button name="warning" class='btn btn-warning'>Ok</div>
         </div>
       </div>
     </div>
   </div>
-</div>
-
-
-
-<!-- Modal - User - Read -->
-<div id="user-modal-read" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
-  <div class="modal-dialog">
-    <div class="modal-content">
-      <div class="modal-header bg-primary">
-        <h5 class="modal-title text-light" label="user"></h5>
-        <button type="button" class="btn-close  btn-close-white" data-bs-dismiss="modal"></button>
-      </div>
-      <div class="modal-body">
-        <div class="border-top border-end border-start row mx-0">
-          <div class="bg-default border-end col-4 p-2 text-end fw-bold"><label label="user-name"></label>
-          </div>
-          <div class="col-8 p-2">
-            <span type="text" name="ccn-username"></span>
-          </div>
-        </div>
-        <div class="border-top border-end border-start row mx-0">
-          <div class="bg-default border-end col-4 p-2 text-end fw-bold"><label label="name"></label>
-          </div>
-          <div class="col-8 p-2">
-            <span type="text" name="ccn-name"></span>
-          </div>
-        </div>
-        <div class="border-top border-end border-start row mx-0">
-          <div class="bg-default border-end col-4 p-2 text-end fw-bold"><label label="email"></label>
-          </div>
-          <div class="col-8 p-2">
-            <span type="text" name="ccn-email"></span>
-          </div>
-        </div>
-        <div class="border-top border-end border-start row mx-0">
-          <div class="bg-default border-end col-4 p-2 text-end fw-bold"><label label="role"></label>
-          </div>
-          <div class="col-8 p-2">
-            <span type="text" name="prv-value"></span>
-          </div>
-        </div>
-        <div class="border-top row mx-0"></div>
-      </div>
-      <div class="modal-footer">
-        <button type="button" class="btn btn-neutral" data-bs-dismiss="modal">
-          <i class="far fa-times-circle"></i> <span label="cancel"></span>
-        </button>
-      </div>
-    </div>
-  </div>
 </div>