Модальные диалоговые окна: проблемы доступности в 2018 году

Модальные диалоговые окна — все еще один из самых проблемных компонентов пользовательского интерфейса. Cайты часто ими злоупотребляют, но даже правильно используемые модальные окна часто не учитывают требования доступности.

Foundation: установка

Foundation — это полноценный фреймворк для создания адаптивных сайтов. Разработан он на основе принципа mobile-first, поддерживает все современные устройства и обеспечивает доступность для юзеров с ограниченными возможностями.

Открытие таба по хешу адресной строки

Иногда необходимо, чтобы при открытии страницы с табами отображалась конкретная вкладка, а не та, которая активна по умолчанию. Чтобы это реализовать на JavaScript, можно воспользоваться хешами и свойством window.location.hash, которое возвращает хеш-часть адреса страницы.