diff --git a/widget.js b/widget.js index 21c349a..91911f8 100644 --- a/widget.js +++ b/widget.js @@ -44,7 +44,7 @@ const DEFAULT_WIDGET_CONFIG = { secondary: '#ffffff', // Main button icon color optionBg: '#ffffff', // Option button background optionText: '#333333', // Option button text color - optionIcon: '#000000' // Option button icon color + optionIcon: '#000000' // Option button icon color }, // Button styling @@ -603,14 +603,14 @@ const pageStyles = ` const icons = { buttonsvg: ``, - highContrast: ``, + highContrast: ``, biggerText: ``, textSpacing: ``, pauseAnimations: ``, hideImages: ``, dyslexiaFont: ``, biggerCursor: ``, - lineHeight: ``, + lineHeight: ``, textAlign: ``, screenReader: ``, resetAll: ``, @@ -1802,7 +1802,11 @@ function openMenu() { menuCache.menu.style.display = 'block'; menuCache.menu.setAttribute('aria-hidden', 'false'); - if (menuCache.closeButton) { + // UPDATED: Now focuses on the first tool button instead of the Close button + const firstOption = menuCache.menu.querySelector('.snn-accessibility-option'); + if (firstOption) { + firstOption.focus(); + } else if (menuCache.closeButton) { menuCache.closeButton.focus(); }