Доступность

Целевой уровень

FileSlimmer создаётся с ориентиром на уровень AA стандарта WCAG 2.2. Это цель, за которой стоит набор тестов, а не сертификация: автоматическая проверка находит вполне определённое подмножество барьеров, а остальное находят люди, которые пользуются сайтом.

Что реализовано

• Ссылка перехода к основному содержимому на каждой странице, видимая сразу же, как только получает фокус.
• Элемент выбора файла — это настоящий <input type="file"> внутри <label>, поэтому он работает с клавиатурой и с программой чтения с экрана ещё до того, как выполнится хоть какой-то JavaScript. Перетаскивание и вставка добавлены поверх него, но никогда не вместо него.
• Семантические элементы прогресса и обновления статуса, объявляемые не чаще чем каждые десять процентных пунктов или при смене этапа, — а не на каждом кадре.
• Кнопки отмены у выполняющихся задач и ошибки, связанные с той задачей, к которой они относятся.
• Статус передаётся текстом, а не только цветом, — никогда одним лишь цветом.
• Сенсорные цели размером не менее 44 на 44 пикселя.
• Макеты, которые не рассыпаются при увеличении до 200 % и не дают горизонтальной прокрутки страницы; широкие таблицы прокручиваются внутри собственного блока.
• Макеты с письмом справа налево для арабского, иврита и урду, в которых имена файлов и размеры в байтах сохраняют собственное направление.
• Учитываются настройки уменьшения анимации.
• Размеры файлов объявляются в единицах вашего языка.

Как это тестируется

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

Известные ограничения

• Текст продукта и интерфейса проверен носителем языка только для английского. На других языках там, где проверенной строки нет, используется английский вариант, поэтому программа чтения с экрана может встретить на таких страницах смешение языков.
• Сравнение результата «до и после» — это визуальная подсказка. Числа рядом с ним — исходный размер, новый размер и величина уменьшения — передают ту же информацию текстом для всех, кто не может воспользоваться визуальным сравнением.
• Некоторые элементы управления, предоставляемые браузером, например собственный диалог выбора файлов операционной системы, веб-страница не может ни оформить, ни переименовать.

Как сообщить о барьере

Если что-то здесь вам мешает, пишите на info@zenitgroup.com.co и укажите адрес страницы и то, что вы пытались сделать. Описание барьера полезнее, чем предложенное исправление, и называть критерий WCAG не обязательно. Смотрите страницу контактов — там указано, с чем ещё помогает этот адрес.