Доступность сайта. Протокол

1

Экранные дикторы

1.1Страницы размечены семантически. Один заголовок первого уровня, понятная иерархия разделов, язык страницы указан.

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

1.3Декоративная графика скрыта от чтения, у значимых изображений есть текстовые описания.

2

Клавиатура

2.1Весь сайт проходится с клавиатуры без ловушек фокуса, и фокус виден на любой кнопке и ссылке.

2.2Первая ссылка на странице ведёт сразу к содержанию, мимо шапки.

3

Зрение

3.1Основной шрифт крупный, от 18 пикселей, а контраст основного текста выше строгой нормы.

3.2Страницы масштабируются до 200% и больше без горизонтальной прокрутки, на телефоне работает увеличение двумя пальцами.

3.3Системная настройка «увеличить контраст» автоматически затемняет самые бледные подписи.

4

Моторика и движение

4.1Зоны нажатия у кнопок, полей, пунктов меню и ссылок, стоящих отдельной строкой, не меньше 44 пикселей и на компьютере, и на телефоне.

4.2У ссылки внутри предложения зона нажатия расширена до 27 пикселей и выше. До 44 её не растим намеренно. Строка набора высотой 26 пикселей, и область в 44 пикселя перехватывала бы нажатия у соседней строки, а две ссылки, попавшие на соседние строки, отбирали бы зону друг у друга. Стандарт освобождает строчные ссылки от этого размера по той же причине, исключение Inline в WCAG 2.5.5.

4.3Системная настройка «уменьшить движение» отключает все анимации сайта.

4.4Разметка, тексты и форма заявки работают без JavaScript. Исключений два. Лист «Расчёт» считает в браузере и без JavaScript чисел не покажет, а адрес почты виден, но открывается в почтовой программе только с JavaScript.

5

Что дорабатываем

5.1Самые мелкие служебные подписи в обычном режиме бледнее строгой нормы контраста. Режим повышенной контрастности решает это сегодня, доработку палитры держим в плане.

5.2Браузерная настройка «размер шрифта по умолчанию» на сайт пока не влияет, работает масштабирование страницы.

Формальную сертификацию по ГОСТ или WCAG сайт не проходил. Здесь перечислено то, что сделано и проверено на практике.

6

Обратная связь

Если что-⁠то на сайте мешает вам им пользоваться, напишите на info@protocol-it.ru или в Telegram @tech_ash_it, разберёмся, поправим и ответим.