Все еще необходимо реализовать переключатель размера шрифта для адаптивного дизайна?
В прежние времена до адаптивного дизайна люди использовали переключатель размера шрифта (например, прикрепленное изображение), чтобы позволить изменять размер шрифта на веб-сайте.
Вопросы:
- Есть ли хороший сайт, объясняющий, почему мы должны или не должны делать это больше?
- Будет ли считаться, что он не обеспечивает доступность (например, в соответствии с Австралийскими стандартами доступности) на веб-сайте, если не предусмотрен переключатель размера шрифта?
Согласно Отзывчивой типографии, размер шрифта должен зависеть от расстояния чтения.
Я действительно испытываю желание не применять его, потому что лично я не вижу в этом смысла, но я не хочу, чтобы продукт, например, ограничивался продажей в Австралию.
Общие принципы адаптивного дизайна уже предполагают доступность размера шрифта, и я думаю, что операционная система или браузер должны глобально устанавливать размер шрифта для конкретного пользователя. В противном случае это действительно противоречиво при использовании одного и того же браузера для доступа к различным веб-сайтам или онлайн-системам.
Был бы очень признателен, если бы кто-то мог дать объяснение на вопросы.
2 ответа
Официальный ответ заключается в том, что вам необходимо включить изменение размера текста (до 200%, критерии 1.4.4), но это может быть с помощью встроенного в браузер функционала.
Поэтому виджеты размера текста никогда не требовались для доступности (для всего, что основано на рекомендациях W3C, что является большинством вещей).
Вполне возможно, что они требуются конкретной организации, но более вероятно, что они используют виджеты размера текста, чтобы повысить восприятие того, что они что-то делают для обеспечения доступности.
Все браузеры для настольных компьютеров имеют масштабирование и фактически по умолчанию теперь увеличивают (а не изменяют размер текста), что хорошо для адаптивных сайтов, так как масштабирование вызовет активацию медиа-запросов. Т.е. высокий уровень масштабирования будет выглядеть как мобильный сайт. В целом это хорошо.
Добавление виджета размером с текст, вероятно, сильно усложнит ваш макет, так как трудно одновременно справляться с масштабированием и изменением размера текста, я бы этого избегал.
Соответствующее руководство WCAG 2.0 - 1.4.4 Изменить размер текста (уровень AA):
За исключением подписей и изображений текста, размер текста может быть изменен без вспомогательных технологий до 200 процентов без потери содержимого или функциональности.
Есть много методов, перечисленных, как соответствовать этому руководству.
Цель этого метода - обеспечить равномерное масштабирование контента с помощью веб-технологии, поддерживаемой пользовательскими агентами, которые изменяют размер текста с помощью инструмента Zoom.
Итак, это означает: когда ваши пользователи используют пользовательские агенты (например, браузеры), которые имеют функцию масштабирования, и эта функция масштабирования позволяет без проблем увеличивать ваш сайт до 200 %, у вас все в порядке.
Как быть уверенным, что это так для ваших пользователей, ну это решать только вам.
Поскольку этот метод полностью опирается на функциональность пользовательских агентов, крайне важно проводить испытания с широким спектром пользовательских агентов.