@hortonstudio/main 1.1.30 → 1.1.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hortonstudio/main",
-  "version": "1.1.30",
+  "version": "1.1.32",
   "main": "index.js",
   "type": "module",
   "scripts": {

package/utils/navbar.js

@@ -95,6 +95,10 @@ export const init = () => {
       toggle.setAttribute('aria-expanded', 'false');
       list.setAttribute('aria-hidden', 'true');
       
+      // Temporarily remove role="menu" to help screen readers understand menu is closed
+      const originalRole = list.getAttribute('role');
+      list.removeAttribute('role');
+      
       // GSAP animation
       currentTimeline = gsap.timeline();
       currentTimeline.to(contain, { 
@@ -116,11 +120,18 @@ export const init = () => {
           duration: animationDuration,
           ease: 'ease'
         }, 0)
-        .set(list, { display: 'none' });
+        .set(list, { display: 'none' })
+        .call(() => {
+          // Restore role after animation completes
+          list.setAttribute('role', originalRole || 'menu');
+        });
       
       // Restore focus to toggle only if focus was inside dropdown
       if (shouldRestoreFocus) {
-        toggle.focus();
+        // Small delay to ensure screen reader announces the state change
+        setTimeout(() => {
+          toggle.focus();
+        }, 50);
       }
     }
     

package/utils/toc.js

@@ -51,6 +51,10 @@ export async function init() {
             const targetSection = document.getElementById(sectionId);
             if (targetSection) {
                 targetSection.scrollIntoView({ behavior: 'smooth' });
+                // Focus on the section for accessibility (will only show outline for keyboard users due to CSS)
+                setTimeout(() => {
+                    targetSection.focus();
+                }, 100);
             }
         });