Мастер-класс Елены Шифриной «Еда будущего»

Статус соответствия

Мы твердо убеждены, что интернет должен быть доступен для всех, и стремимся предоставить веб-сайт, который будет доступен самой широкой аудитории, независимо от обстоятельств и возможностей.

Для этого мы стремимся как можно строже следовать Руководству по доступности веб-контента 2.1 (WCAG 2.1) уровня AA, разработанному Всемирным консорциумом по вопросам интернета (W3C). Эти рекомендации объясняют, как сделать веб-контент доступным для людей с различными видами инвалидности. Следование этим рекомендациям помогает нам обеспечить доступность веб-сайта для всех людей: слепых, людей с двигательными нарушениями, нарушениями зрения, когнитивными нарушениями и многими другими.

Этот веб-сайт использует различные технологии, предназначенные для того, чтобы поддерживать его доступность в любое время. Мы используем интерфейс доступности, который позволяет людям с особыми потребностями настраивать пользовательский интерфейс (UI) веб-сайта в соответствии со своими потребностями.

Кроме того, на сайте используется приложение на основе ИИ, которое работает в фоновом режиме и постоянно оптимизирует уровень доступности. Это приложение исправляет HTML-код веб-сайта, адаптируя его функционал и поведение для работы с программами для чтения с экрана, используемыми слепыми пользователями, а также с клавиатурой для людей с двигательными нарушениями.

Если вы обнаружили неисправность или у вас есть идеи по улучшению, мы будем рады получить ваше сообщение. Вы можете связаться с операторами сайта, используя следующий адрес электронной почты:

Навигация для пользователей программ для чтения с экрана и клавиатурой

Наш веб-сайт реализует методику ARIA (Доступные динамические интернет-приложения), а также различные поведенческие изменения, чтобы обеспечить возможность пользователям с программами для чтения с экрана читать, понимать и наслаждаться функционалом сайта. Как только пользователь с программой для чтения с экрана заходит на сайт, он сразу же получает приглашение войти в профиль пользователя программы для чтения с экрана, чтобы эффективно просматривать и управлять сайтом. Вот как наш сайт покрывает некоторые из наиболее важных требований программ для чтения с экрана, вместе с консольными скриншотами примеров кода:

1. Оптимизация для программы чтения с экрана: мы запускаем фоновый процесс, который изучает компоненты веб-сайта сверху донизу, чтобы гарантировать соблюдение требований даже при обновлении сайта. В рамках этого процесса мы предоставляем программам для чтения с экрана значимые данные с использованием набора атрибутов ARIA. Например, мы предоставляем точные метки для форм; описания интерактивных иконок (иконки социальных сетей, значки поиска, значки корзины и т.д.); подсказки по валидации для полей ввода форм; роли элементов, такие как кнопки, меню, модальные диалоги (всплывающие окна) и другие. Кроме того, фоновый процесс сканирует все изображения на сайте и предоставляет точные и содержательные описания объектов изображения на основе технологии распознавания изображений в виде тега ALT (альтернативного текста) для изображений, которые не описаны. Он также извлекает тексты, встроенные в изображение, используя технологию OCR (оптическое распознавание символов). Для активации настроек программы чтения с экрана в любое время пользователям достаточно нажать комбинацию клавиш Alt+1. Пользователи программы чтения с экрана также получают автоматические уведомления о включении режима программы чтения с экрана, как только они заходят на сайт.

   Эти настройки совместимы со всеми популярными программами чтения с экрана, включая JAWS и NVDA.

2. Оптимизация навигации с клавиатуры: Фоновый процесс также изменяет HTML-код веб-сайта и добавляет различные поведения с помощью JavaScript-кода, чтобы сделать сайт управляемым с клавиатуры. Это включает возможность навигации по сайту с помощью клавиш Tab и Shift+Tab, управление раскрывающимися меню с помощью клавиш со стрелками, закрытие меню с помощью клавиши Esc, активацию кнопок и ссылок с помощью клавиши Enter, навигацию между элементами радио и флажками с помощью клавиш со стрелками и заполнение их с помощью клавиши Space или Enter. Кроме того, пользователи клавиатуры найдут меню быстрой навигации и пропуска содержимого, доступные в любое время по нажатию Alt+1, или как первые элементы сайта при навигации с клавиатуры. Фоновый процесс также обрабатывает всплывающие окна, перемещая фокус клавиатуры к ним, как только они появляются, не допуская его выхода за пределы окна.

   Пользователи также могут использовать такие сочетания клавиш, как “M” (меню), “H” (заголовки), “F” (формы), “B” (кнопки) и “G” (графика), чтобы перейти к определенным элементам.

Профили инвалидности, поддерживаемые на нашем сайте

• Режим безопасности при эпилепсии: этот профиль позволяет людям с эпилепсией безопасно использовать веб-сайт, устраняя риск возникновения судорог, вызванных мигающими или мерцающими анимациями и опасными цветовыми комбинациями.
• Режим для слабовидящих: этот режим настраивает веб-сайт для удобства пользователей с нарушениями зрения, такими как ухудшение зрения, туннельное зрение, катаракта, глаукома и другие.
• Режим для когнитивных нарушений: этот режим предлагает различные вспомогательные опции, чтобы помочь пользователям с когнитивными нарушениями, такими как дислексия, аутизм, инсульт и другие, легче сосредоточиться на основных элементах сайта.
• Режим для пользователей с СДВГ: этот режим помогает пользователям с СДВГ и нейроразвитием читать, просматривать и фокусироваться на основных элементах сайта, значительно уменьшая отвлекающие факторы.
• Режим для слепых: этот режим настраивает веб-сайт для совместимости с программами чтения с экрана, такими как JAWS, NVDA, VoiceOver и TalkBack. Программа чтения с экрана — это программное обеспечение для слепых пользователей, установленное на компьютере или смартфоне, и веб-сайты должны быть с ней совместимы.
• Профиль навигации с клавиатуры (для людей с двигательными нарушениями): этот профиль позволяет людям с двигательными нарушениями управлять веб-сайтом с помощью клавиш Tab, Shift+Tab и Enter. Пользователи также могут использовать сочетания клавиш, такие как “M” (меню), “H” (заголовки), “F” (формы), “B” (кнопки) и “G” (графика), чтобы перейти к определенным элементам.

Дополнительные настройки UI, дизайна и удобочитаемости

1. Настройка шрифтов – пользователи могут увеличить или уменьшить их размер, изменить семейство (тип), настроить интерлиньяж, выравнивание, высоту строки и многое другое.
2. Настройка цветов – пользователи могут выбрать различные цветовые контрастные профили, такие как светлый, темный, инвертированный и монохромный. Кроме того, пользователи могут менять цветовые схемы заголовков, текстов и фонов, используя более семи различных цветовых опций.
3. Анимации – люди с эпилепсией могут остановить все анимации, нажав одну кнопку. Анимации, управляемые интерфейсом, включают видео, GIF-файлы и CSS-анимации с миганием.
4. Подсветка контента – пользователи могут выделить важные элементы, такие как ссылки и заголовки. Они также могут выбрать выделение только фокусированных или наведенных элементов.
5. Отключение звука – пользователи с слуховыми аппаратами могут испытывать головные боли или другие проблемы из-за автоматического воспроизведения звука. Эта опция позволяет пользователям мгновенно отключить звук на всем сайте.
6. Когнитивные нарушения – мы используем поисковую систему, связанную с Википедией и Викисловарем, чтобы помочь людям с когнитивными нарушениями расшифровать значения фраз, аббревиатур, сленга и других терминов.
7. Дополнительные функции – мы предоставляем пользователям возможность изменить цвет и размер курсора, включить режим печати, использовать виртуальную клавиатуру и многие другие функции.

Совместимость с браузерами и вспомогательными технологиями

Мы стремимся поддерживать как можно более широкий спектр браузеров и вспомогательных технологий, чтобы наши пользователи могли выбирать наиболее подходящие для них инструменты с минимальными ограничениями. Поэтому мы приложили много усилий, чтобы поддерживать все основные системы, охватывающие более 95% доли рынка, включая Google Chrome, Mozilla Firefox, Apple Safari, Opera и Microsoft Edge, JAWS и NVDA (программы чтения с экрана).

Замечания, комментарии и обратная связь

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