Немного странный вопрос - мне нужно создать модальное наложение (всплывающий фильтр выбора с кнопкой в нем) для фильтра страницы поиска для пользователей мобильных сайтов - но наша спецификация гласит:
- Навигация возможна только с клавиатуры
- Она должна работать с javascript отключено
Попытка пока: Я нашел кучу css полезных советов по созданию квази-модального режима с помощью div и переключению видимости с помощью css с:
&:target {
visibility: visible;
opacity: 1;
}
Тогда любая ссылка на этот элемент сделает его видимым. (источник: https://codepen.io/peiche/pen/vhqym, среди прочих)
Проблема: Мне все еще нужно это, чтобы перехватить фокус. Модал заполнит экран, и тогда пользователи смогут пролистывать его, но без фиксации фокуса, я думаю, они смогут использовать для навигации за пределами этого раздела.
Есть идеи?
Альтернативное решение: Я мог бы создать совершенно новую страницу для навигации пользователя, которая содержит фильтр, а затем позволяет им указывать фасеты и перезапускать поиск (используя Azure Поиск) , но это кажется грязным и несколько неоптимальным.