Merge pull request #264 from JLG-WOCFR-DEV/codex/add-focus-visible-rule-for-modal-close-button

Enhance modal close button accessibility

Author: JLG-WOCFR-DEV

liens-morts-detector-jlg/assets/css/blc-admin-styles.css

@@ -543,10 +543,17 @@
     color: #1d2327;
     font-size: 24px;
     cursor: pointer;
+    transition: color 0.2s ease, opacity 0.2s ease;
+}
+
+.blc-modal__close:focus-visible {
+    outline: 2px solid #2271b1;
+    outline-offset: 2px;
 }
 
 .blc-modal__close:disabled {
     cursor: not-allowed;
+    color: #6c7781;
     opacity: 0.6;
 }
 
@@ -592,3 +599,13 @@ body.blc-modal-open {
         right: 14px;
     }
 }
+
+@media (prefers-color-scheme: dark) {
+    .blc-modal__close {
+        color: #f0f6fc;
+    }
+
+    .blc-modal__close:disabled {
+        color: rgba(240, 246, 252, 0.65);
+    }
+}