Центр Специальной Подготовки - Контркриминал

+7 (495) 762-75-79

+7 (985) 762-75-79

121170, город Москва,
ул. Поклонная д.11, стр. 1А

  • Основные сведения
  • Структура и органы управления НОУ
  • Документы
  • Образование
  • Образовательные стандарты
  • Руководство. Педагогический состав
  • Материально-техническое оснащение
  • Стипендии и материальная поддержка
  • Платные образовательные услуги
  • Финансово-хозяйственная деятельность
  • Вакантные места для приема
  • Доступная среда
  • Международное сотрудничество


В настоящий момент идет разработка пользовательских инструментов для сайта в соответствии с специальным ГОСТ Р 52872-2019

Все правила создания адаптированных сайтов для слабовидящих, дополнения и объяснения есть в ГОСТ Р 52872-2019. Например, в соответствии с документом, выделено три уровня доступности сайтов, к каждому из которых свои требования.

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

 

 1. Масштабируемая верстка


(5.1.7.7 
ГОСТ Р 52872-2012: размер шрифта текста может быть изменен в пределах 200 процентов без применения вспомогательных технологий таким образом, что пользователю не нужно прибегать к горизонтальной прокрутке для прочтения строки при режиме отображения страницы во весь экран).

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

В качестве удачного примера использования масштабируемой верстки можно привести сайт 
Центрального Банка РФ. Масштаб сайта можно увеличить в браузере не только до 200%, но и до 500% без появления горизонтальной прокрутки.

image


На скриншоте: увеличение масштаба до 200%. Полосы прокрутки нет


2. Достаточная контрастность текста и фона


(5.1.7.3 
ГОСТ Р 52872-2012: Визуальное отображение текста и изображения текста имеет коэффициент контрастности не менее 4,5:1).

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

Контрастность текстов можно проверить с помощью чекеров контрастности, например 
Colour Contrast Analyser, или расширений для браузера, например “Contrast Ratio Checker” для Chrome. Существуют даже онлайн-чекеры контрастности, не требующие установки на компьютер.

image


На сайте Пенсионного Фонда РФ основной текст имеет достаточную контрастность, 14:1.

Для дополнительного текста (подсказок, рекламных материалов) требования к контрастности чуть менее строгие.


3. Возможность работать с сервисом с помощью клавиатуры


(5.2.1.1 
ГОСТ Р 52872-2012: Всей функциональностью контента можно управлять через интерфейс клавиатуры без каких-либо ограничений по времени нажатия на клавишу, за исключением случаев, когда вызываемая функция требует ввода с помощью других устройств, зависящего от направления движения пользователя, а не только от конечной точки. Это не запрещает и не должно препятствовать предоставлению возможностей ввода с помощью мыши и других способов в дополнение к клавиатуре).

Переключение между клавиатурой и мышкой — временны́е затраты, которые можно минимизировать, если корректно работает TAB и ENTER. Многие из нас пользуются клавиатурой для навигации, даже не задумываясь над этим.

Люди с нарушениями здоровья могут не пользоваться мышкой из-за проблем с мелкой моторикой. А незрячие люди могут пользоваться экранными дикторами — программами для озвучивания текста на экране. В таких случаях важно, чтобы на сайте корректно работал фокус (при нажатии на кнопку TAB выделялась следующая ссылка/кнопка, а также в строке состояния браузера отображалась ссылка, куда будет совершен переход).

Работа с клавиатурой на сайте хорошо реализована на сайте 
Госуслуг.

image
Госуслуги: при нажатии кнопки TAB фокус переключается последовательно на каждую кнопку/ссылку.

Если посмотреть на сайты иностранных коллег, например на сайте банка Barclays реализована возможность пропустить повторяющиеся элементы (верхнее меню) при управлении с клавиатуры. Она включается только по клавише TAB.

image


На скриншоте видно, что пропускается все сквозное верхнее меню и идет переход сразу к первой кнопке на странице.

Это ускоряет доступ к нужному контенту при управлении с клавиатуры при просмотре сайта.