Prepare ByteGeist Toolbox v1.0.0 release

public/app.js

@@ -13,10 +13,15 @@ toolTabs.forEach((tab) => {
 
     // Mark only the selected tab as active.
     toolTabs.forEach((currentTab) => {
-      currentTab.classList.toggle(
-        "active",
-        currentTab === tab
-      );
+      const isSelected = currentTab === tab;
+
+      currentTab.classList.toggle("active", isSelected);
+
+      if (isSelected) {
+        currentTab.setAttribute("aria-current", "page");
+      } else {
+        currentTab.removeAttribute("aria-current");
+      }
     });
 
     // Show only the selected tool panel.
@@ -658,4 +663,4 @@ headersForm.addEventListener("submit", async (event) => {
     headersButton.disabled = false;
     headersButton.textContent = "Check Headers";
   }
-});
+});

public/index.html

@@ -30,6 +30,8 @@
         class="tool-tab active"
         type="button"
         data-tool="status-tool"
+        aria-controls="status-tool"
+        aria-current="page"
       >
         Website Status
       </button>
@@ -39,6 +41,7 @@
         class="tool-tab"
         type="button"
         data-tool="dns-tool"
+        aria-controls="dns-tool"
       >
         DNS Lookup
       </button>
@@ -48,6 +51,7 @@
         class="tool-tab"
         type="button"
         data-tool="ssl-tool"
+        aria-controls="ssl-tool"
       >
         SSL Certificate
       </button>
@@ -57,6 +61,7 @@
         class="tool-tab"
         type="button"
         data-tool="headers-tool"
+        aria-controls="headers-tool"
       >
         HTTP Headers
       </button>
@@ -417,4 +422,4 @@
   <!-- Load browser JavaScript after the page elements exist. -->
   <script src="app.js"></script>
 </body>
-</html>
+</html>