Как должен вести себя Popup в разрезе доступности

Popup должен быть доступным для всех пользователей, включая тех, кто использует клавиатуру или скринридеры. Основные требования:

1. Фокус: При открытии фокус должен перемещаться внутрь попапа, а при закрытии — возвращаться на элемент, который его вызвал.

// Пример управления фокусом
popup.addEventListener('show', () => {
  popupContent.focus();
});

2. Закрытие: Должна быть возможность закрыть попап через Esc, клик вне области или кнопку закрытия (желательно с aria-label="Закрыть").

3. ARIA-атрибуты: Используйте role="dialog", aria-modal="true" и aria-labelledby для связи с заголовком.

4. Траппинг фокуса: Фокус не должен выходить за пределы попапа, пока он открыт.

5. Задний слой: Затемнение фона (backdrop) должно скрываться от скринридеров (aria-hidden="true").

6. Анимации: Учитывайте prefers-reduced-motion для пользователей с чувствительностью к движению.