Перейти к содержанию
RU

Доступность

Текст

  • Размер текста

Чтение

Цвета и изображения

Навигация

Frame Multimedia Solutions

Доступность

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

01

Инструменты

Они всегда вверху справа, под значком с фигурой человека. Ваш выбор сохраняется на вашем устройстве.

Текст

  • 01

    Размер текста

    Три размера. Вёрстка подстраивается, ничто не накладывается друг на друга.

  • 02

    Шрифт повышенной разборчивости

    Atkinson Hyperlegible, разработанный Braille Institute для людей со сниженным зрением.

  • 03

    Более просторный текст

    Больше расстояния между строками, словами и буквами.

Чтение

  • 04

    Читать вслух

    Читает страницу или только выделенный вами текст голосом вашего устройства. Подсвечивает абзац, который читает; чтение можно поставить на паузу или остановить.

  • 05

    Линейка для чтения

    Светлая полоса следует за указателем и затемняет остальную часть страницы, чтобы вы не теряли строку.

Цвета и изображения

  • 06

    Повышенный контраст

    Чистый чёрный на чистом белом (или наоборот, в тёмной теме) и более заметные границы.

  • 07

    Оттенки серого

    Убирает цвета со всей страницы — для тех, кого яркие цвета утомляют или отвлекают.

  • 08

    Скрыть изображения

    Фото и видео исчезают, но их место сохраняется — вместе с описанием, если оно есть. Тексты, логотипы и ссылки остаются на своих местах.

Навигация

  • 09

    Выделить ссылки и фокус

    Ссылки всегда подчёркнуты, а элемент, на котором вы находитесь при работе с клавиатуры, обведён толстой рамкой.

  • 10

    Крупный курсор

    Более крупный указатель мыши, чёрный с белой обводкой, хорошо заметный на любом фоне.

  • 11

    Остановить анимации

    Останавливаются анимированные фоны, автоматические видео и прокрутка. Действует и тогда, когда ваше устройство просит «меньше движения».

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

02 Как он устроен

  • На каждой странице один главный заголовок и упорядоченная структура заголовков, понятная программам экранного доступа.
  • Весь сайт работает с клавиатуры: меню, галереи, фильтры, лента времени. Есть ссылка «Перейти к содержанию».
  • У изображений, которые несут информацию, есть альтернативный текст; декоративные скрыты от программ экранного доступа.
  • Ни одно видео не запускается со звуком. Автоматические видео идут без звука и останавливаются, когда уходят за пределы экрана.
  • Светлая и тёмная темы, текст увеличивается до 200 % без потери содержания.

03 Что пока работает не так

  • У фотографий в галереях проектов пока общее описание: мы пишем их по одной.
  • Не у всех видео на YouTube есть субтитры.
  • Чтение вслух использует голоса вашего устройства: если для какого-то языка голоса нет (с арабским так бывает часто), его нужно добавить в системных настройках.

Мы предпочитаем сказать об этом прямо: честный список ограничений стоит больше, чем безупречная декларация.

04

Сообщить о проблеме

Что-то не работает для вас? Напишите нам, что вы делали и с каким устройством или вспомогательной технологией: мы ответим и исправим.