Как НЕ надо делать модальные окна на примере Яндекс Маркета и как упростить задачу с помощью Headless UI.
Так же немного разберёмся с доступностью (accessibility) и voice over.
🔗 Курс по доступности, Framer Motion, Next и React:
⚡ Мои курсы
Мой telegram канал:
Все мои курсы:
Разделы видео:
0:00 - Введение
0:11 - О модальных окнах (popup)
0:40 - Пример окно Яндекс Маркета
3:36 - Работа Voiceover
6:02 - Headless ui и его компоненты (components)
7:58 - Делаем модальное окно
13:45 - Стилизация окна
17:24 - Правильная доступность сайта
18:47 - Итоги
19:12 - Заключение