Рубрики
Верстальщику Разработка

Паттерны доступности зуммирования изображений

Сегодня функция просмотра увеличенной версии изображения является де-факто стандартом для любого интернет-магазина. Реализация может варьировать, но в принципе все сводится к тому, что пользователь может посмотреть увеличенную версию изображения или в поп-ап окне рядом с превью или же в модальном окне в пределах текущего документа. При этом пользователю доступны такие функции как масштабирование и позиционирование изображения, а также (реже) переход в полноэкранный режим и обратно.

Такой функционал очень удобен для пользователей мыши, но очень часто он создают проблемы для пользователей клавиатуры и устройств считывания с экрана, в силу плохой реализации поддержки данных устройств ввода.

В этой статье хотелось бы рассмотреть примеры реализации данного функционала с учетом потребностей всех пользователей. Мы рассмотрим примеры от самого простого (но не самого плохого) и до более сложного с использованием JavaScript и плагинов.

Рубрики
Верстальщику

Логотип в хедере сайта и доступность

На сегодняшний день широко используемым паттерном в разработке интерфейсов веб сайтов является размещение логотипа в хедере сайта. Как-правило, в 99% процентах случаев использования такого паттерна логотип будет ссылкой ведущей на главную (домашнюю) страницу сайта. Но еще более широко используем паттерном является размещение в хедере, в паре с логотипом навигации по сайту. И этот паттерн весьма неоднозначное решение в плане доступности, в частности для скринридеров. Об этом и хотелось бы поговорить.