Ваш сайт barrierefrei? Быстрый чек за 5 минут

Что означает Barrierefreiheit для сайта?

Barrierefreie Website — это сайт, которым могут пользоваться люди с разными ограничениями: слабое зрение, моторные сложности, цветовая слепота, когнитивная нагрузка или просто яркое солнце на экране телефона. WCAG описывает четыре принципа: контент должен быть воспринимаемым, управляемым, понятным и технически надёжным.

Для малого бизнеса это не роскошь. Такие сайты обычно яснее, быстрее и лучше структурированы. Это помогает пожилым клиентам, мобильным пользователям и поисковым системам. Часто речь не о дорогих функциях, а о базовых вещах: читаемый шрифт, заголовки, настоящие кнопки, alt-тексты и понятные формы.

Кого касается BFSG с 2025 года?

Barrierefreiheitsstärkungsgesetz (BFSG) внедряет в Германии директиву ЕС 2019/882. С 28 июня 2025 года требования касаются определённых продуктов и услуг, включая части онлайн-торговли и цифровые услуги для потребителей. Не каждый сайт маленькой фирмы автоматически подпадает полностью, но shop, online booking и заключение договоров онлайн нужно проверить внимательнее.

Для Kleinstunternehmen в некоторых услугах есть исключения. Но «мы не обязаны» — плохая стратегия для сайта, которым неудобно пользоваться. Barrierefreiheit повышает доверие и conversion, а учитывать её при разработке дешевле, чем переделывать позже.

• Старт BFSG: 28 июня 2025
• Особенно важно для digital services, shops и booking для потребителей
• Для Kleinstunternehmen возможны исключения — при сомнениях нужна юридическая проверка
• Даже без обязанности это улучшает usability

Как проверить контраст и читаемость?

Откройте сайт на смартфоне и отведите экран чуть дальше. Сразу видно, что вы предлагаете и как связаться? Проблемы часто создают серый текст на светлом фоне, тонкие шрифты, мелкие кнопки и текст поверх фото. WCAG 2.2 часто ориентируется на контраст 4,5:1 для обычного текста и 3:1 для крупного.

Бесплатного contrast checker достаточно для первого теста. Проверьте меню, цены, телефон, labels в форме и ошибки. Если клиент должен увеличивать экран, сайт не только менее доступен — он хуже продаёт.

Работает ли сайт без мыши?

Уберите мышь и нажимайте Tab. Меню, ссылки, кнопки, поля формы и booking-кнопка должны проходиться в логичном порядке. Должно быть видно, где сейчас фокус. Этот focus style часто удаляют «ради дизайна», и сайт становится неудобным.

Проверьте cookie banner, pop-up и slider: они не должны блокировать клавиатуру. В Website-Abo такие основы лучше учитывать сразу, а не исправлять после запуска.

• Логичный порядок Tab
• Видимый focus state
• Меню, форма и cookie banner доступны с клавиатуры
• Нет keyboard trap

Понятны ли изображения, заголовки и ссылки?

Screenreader и Google нужна структура. На странице должна быть одна H1, затем логичные H2/H3. Заголовок должен быть настоящим HTML-заголовком, а не просто большим текстом.

Картинкам нужны alt-тексты, если они несут смысл: команда, объект, товар, помещение, пример работы. Декоративные картинки можно оставить пустыми. Ссылки должны быть понятны сами по себе: «посмотреть услуги для Malerbetriebe» лучше, чем «подробнее».

Насколько доступны формы и контакты?

Формы часто теряют заявки. У каждого поля должен быть видимый label, не только placeholder. Ошибка должна объяснять, что именно не заполнено. Pflichtfelder нужно отметить ясно. Телефон и e-mail должны нажиматься на мобильном.

Запрашивайте только нужное. Для многих фирм достаточно имени, контакта, короткого сообщения и опциональной загрузки файла. В booking-процессе нужно понятно объяснить подтверждение, отмену и Datenschutz.

Что исправлять в первую очередь?

Сначала чините всё, что мешает контакту: меню, кнопки, форму, телефон. Потом — читаемость, структуру, изображения и тексты. Часто хватает небольших правок: усилить контраст, вернуть focus style, добавить alt-тексты, настроить labels, заменить PDF HTML-страницей.

Если сайт технически старый или Baukasten не даёт исправить базу, Relaunch может быть выгоднее постоянных заплаток. Главное — считать Barrierefreiheit стандартом качества с самого начала.