// Trap focus inside modal
function trapFocus(element) {
  const focusable = element.querySelectorAll(
    'button, a[href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
  );
  const firstFocusable = focusable[0];
  const lastFocusable = focusable[focusable.length - 1];

  element.addEventListener('keydown', (e) => {
    if (e.key !== 'Tab') return;
    if (e.shiftKey) {
      // Shift+Tab — backwards
      if (document.activeElement === firstFocusable) {
        lastFocusable.focus();
        e.preventDefault();
      }
    } else {
      // Tab — forwards
      if (document.activeElement === lastFocusable) {
        firstFocusable.focus();
        e.preventDefault();
      }
    }
  });
}

Accessibility & SEO — לכתוב HTML שכולם יכולים להשתמש בו

Accessibility & SEO — לכתוב HTML שכולם יכולים להשתמש בו