Merge pull request #45 from MewenLeHo/main-mlh-miscellaneaous-fixes

Miscellaneaous fixes

Author: MewenLeHo

CHANGELOG.md

@@ -4,7 +4,12 @@ All notable changes to this project will be documented in this file. This projec
 
 ## [Unreleased]
 
-### Changed
+## [1.3.5] – 2025-10-12
+
+### Fixed
+- **Accessibility Improvements**: Enhanced support for keyboard navigation and ARIA implementation, improving accessibility for screen readers.
+- **UI Glitches**: Improve color contrasts.
+- **Performance Optimizations**: Fix an issue with CSS cleaning after closing the panel.
 - **Demo update**: Improve the demo by preventing the script from being loaded multiple times.
 
 ## [1.3.4] – 2025-09-20

detectAutocomplete.js

@@ -121,6 +121,7 @@ javascript: (function () {
 
   // Styles
   const style = document.createElement('style');
+  style.id = 'ac-styles';
   style.textContent = `
     .ac-panel {
       position: fixed;
@@ -1106,6 +1107,8 @@ javascript: (function () {
   panel.setAttribute('role', 'dialog');
   panel.setAttribute('aria-modal', 'true');
   panel.setAttribute('aria-labelledby', 'ac-panel-title');
+  panel.setAttribute('aria-live', 'polite');
+  panel.setAttribute('aria-keyshortcuts', 'Escape');
   panel.innerHTML = `
   <p id="ac-panel-title">${messages.ui.panelTitle}</p>
   <div class="ac-stats">

docs/index.html

@@ -60,7 +60,7 @@
 
     .note {
       font-size: 0.9em;
-      color: #666;
+      color: #333;
       margin-top: 1rem;
     }
 
@@ -173,12 +173,15 @@ <h1><span aria-hidden="true">🔍</span> Autocomplete Attribute Audit - Demo</h1
 
   function runAudit() {
     // Prevent adding the script multiple times
-    if (!document.getElementById('ac-script')) {
-      const script = document.createElement("script");
-      script.id = "ac-script";
-      script.src = "https://cdn.jsdelivr.net/gh/MewenLeHo/detectAutocomplete@main/detectAutocomplete.min.js";
-      document.body.appendChild(script);
+    const existingScript = document.getElementById('ac-script');
+    if (existingScript) {
+      existingScript.remove();
     }
+
+    const script = document.createElement("script");
+    script.id = "ac-script";
+    script.src = "https://cdn.jsdelivr.net/gh/MewenLeHo/detectAutocomplete@main/detectAutocomplete.min.js";
+    document.body.appendChild(script);
   }
 </script>