Нет вполне рабочий, на самом деле обычно так и делается. Разве что во фреймворках более удобно это реализовано и не нужно циклом проходить по инпутам. А на сколько кастомные селекты?
Пользуетесь ли вы Grid, Flex, es6, sticky. Да блин пользуемся! Смотрим в ТЗ, какие браузеры нужны, и пользуемся средствами доступными под эти браузеры. И бывает не пользуемся. Это зависит не от тебя пользоваться тем или иным средством.
Ну по сути один из способов ты сделал, но я бы позиционировал его от левого края на 50% или прям от правого блока, но тоже при помощи left. Обертке которая находится уровнем выше контейнера задал ov:h. Таким образом не нужно будет прописывать кучу медиа запросов. Еще можно фоном с позиционированием изображения.
Именно версию для слабовидящих? Обычно просто доступным его верстают изначально, но там очень много работы по мимо того, что изначально нужно использовать семантические тэги. https://habr.com/ru/post/347478/
Настройки => Клавиатура => Сочетания клавиш => Launchpad и Dock => Показать Launchpad и настраиваешь свое сочетание, по крайней мере у меня по умолчанию нет никаких значений.
