Статья: Исследование доступности веб-сайтов вузов России для лиц с ограничениями по зрению

Таблица 1Оценка качества версии для слабовидящих на основе метрик кода по округам (по количеству элементов с ошибками)

¹⁰The World's Leading Automated Website Accessibility Solution for ADA & WCAG Compliance. URL: https://userway.org/ (accessed: 25.06.2021).

Таблица 2Оценка качества версии для слабовидящих на основе метрик кода по округам (по количеству типов ошибок)

По версии отчетов Lighthouseс точки зрения оценки доступности сайта в целом (рис. 1), хорошее распределение оценки имеют Северо-Западный и Центральный округа.

Рис. 1. Распределение оценки доступности Lighthouseверсии Desktopпо округам Figure1. Distribution of Lighthouse accessibility in Desktop score by county

Рассмотрена статистика относительно нахождения вуза в различных рейтингах: Times Higher Education (THE) World University Rankings 2022, QS World University Rankings 2022, Forbes Russia 2021, RAEX-A 2021, uniRank in Russia 2021. Рейтинги Forbesи RAEX-Aпоказали сильную привязку к округам (а именно к Центральному, где сосредоточенно много сильных университетов), поэтому они не рассматривались. Ранжирования QSи THEимеют сильную корреляцию между собой, но малое количество представленных позиций российских вузов в рейтинге. Рейтинг ScimagoInstitutionsRankings имеет больше позиций, но тоже не рассматривался. Алгоритмы ранжирования представленных выше рейтингов включают такие характеристики вузов, как академическая репутация, отзывы, цитируемость, интернационализация, инновации. Рейтинг uniRank подходит нам по количеству позиций еще больше, но он основан на метриках присутствия в интернете и популярности с точки зрения трафика.

Алгоритмы ранжированиявключают такие метрики, как MOZ Domain Authority, Alexa Global Rank, SimilarWeb Global Rank, Majestic Trust Flow. Таким образом, рассматриваемый рейтинг зависит от факторов: качество содержания, количество трафика и отказов (быстрое закрытие страницы при заходе), авторитет ссылающихся сайтов, качество SEO, позиция в поисковой выдаче (алгоритмы поисковой выдачи на данный момент учитывают и юзабилити, и скорость работы сайта) и мн. др. Корреляция такого рейтинга с оценками интересна (табл. 3).

Таблица 3Оценка качества версии для слабовидящих на основе метрик кода по рейтингу UniRank

С улучшением позиции в рейтинге uniRankзаметно проявлялось ухудшение метрик восприятия (из метрик и по коду, и из скриншотов), совместимости, но уменьшается сложность интерфейсов. Также найдена небольшая корреляция оценок LighthousePWAи SEOс позициями в рейтингах.

Собранные метрики на основе скриншотов страниц сами по себе относятся к категории восприятия и слабо коррелируют с метриками восприятия по коду. Из 40 метрик на основе скриншотов страниц улучшение в версии для слабовидящих заметно у половины. Под улучшением здесь понимается приближение в сторону распределений метрик по другим сайтам из топ-500 рейтинга AlexaRank, которые предоставляет сервис AIM.

В рамках ручного тестирования получена статистика использования инструментов разработки, отраженная на рис. 2. В «другое» здесь входит 19 инструментов, использующихся во всем перечне сайтов 1-3 раза. Процент использования современных JS-фреймворков - 5,8 % (33 сайта).

Рис. 2. Круговые диаграммы использования найденных инструментов разработки сайтов вузов и используемых языков программирования Figure2. Pie diagrams of the use of the found development tools for universities' websites and the programming languages used

Статистика использования готовых решений представлена в табл. 4.

Из всех протестированных сайтов ВДС полностью не работает или отсутствует на 8 % (46 шт.). Далее приведены рекомендации к исправлению ошибок на сайтах, где ВДС работает, и проценты существующих сейчас проблем исходя из полученной статистики.

Таблица 4 Распределение внедренных готовых решений версий для слабовидящих в сайты вузов РФ

Рекомендации:

1. Кнопка визуально не теряется в массе других ссылок, может ярко выделяться для ускорения ее нахождения.

2. Кнопка находится в пределах отображаемого экрана, хорошее расположение кнопки - верхняя часть сайта и дублирование в нижней части.

3. Кнопка/ссылка для перехода в ВДС имеет текст «для слабовидящих» либо «для лиц с ограниченными возможностями» и может дополняться общепринятым значком (глаз).

4. Кнопка доступна фокусированием и нажатием с клавиатуры.

5. Кнопка присутствует при любых расширениях экрана, в том числе на мобильных (проблема в 11,6 % случаев).

6. Кнопка присутствует не только на главной странице, но и на других.

7. Масштабирование страницы до 200 % не затрудняет пользование сайтом:

- не добавляет горизонтальной прокрутки (проблемы в 39 % случаев);

- не скрывает интерфейс панели настроек ВДС за границами экрана;

- не искажает верстку;

- не увеличивает верхнюю часть сайта на половину экрана (это может сократить полезную область вдвое при прокрутке).

8. Имеется панель настроек ВДС (нет на 23 % сайтов).

9. ВДС не искажает верстку (проблема в 30 % случаев).

10. ВДС остается открытой и не меняет настройки при переходе на другие страницы внутри сайта (проблема в 12 % случаев). Здесь учитывается только однодоменные страницы, присутствующие на текущей странице в ВДС.

11. Для изменения размера шрифта в панели настроек ВДС лучше иметь ограниченный набор величин (в 20 % случаев это переключатели увеличить/уменьшить, содержащие 10-14 вариаций, но иногда без ограничений. Это позволяет менять размер текста до уровня невозможности пользования сайтом).

12. Достаточное количество вариаций настроек:

- рабочие размеры шрифта - 3 (выбор есть на 86 % сайтов, в 9,3 % случаев работает некорректно или не работает);

- гарнитуры (шрифт) - 2, с засечками и без них (выбор есть только на 37 % сайтов, шрифт с засечками нужен для людей с дислексией, редко встречается смена толщины шрифта). Основные шрифты - Anal, TimesNewRoman, Courier. TimesNewRomanявляется стандартом для семейства шрифтов с засечками, как Arialдля шрифтов без засечек;

- цветовые схемы/палитра - 4 (выбор есть на 81 % сайтов);

- контрастный режим;

- режим отображения изображений (графики) - 3 (выбор есть у 62 % сайтов). Встречаются режимы: изображения включены, отключены, отключены только в новостях, черно-белые;

- междустрочный интервал - 3 (выбор есть у 28 % сайтов);

- межбуквенный интервал (кернинг) - 3 (выбор есть у 43 % сайтов).

13. Контрастный режим может применяться сразу при включении ВДС.

14. Разброс между установленными размерами шрифта или интервалов не должен быть очень большим (кратным 2 и более раз).

15. При изменении размера шрифта автоматически соблюдается оптимальный междустрочный интервал.

16. Изменение цветовой схемы применяется ко всей страницы, а не только к ее незначительным частям (проблема в 16,2 % случаев).

17. При изменении режима отображения изображений сохраняются размеры самих изображений (проблема у isvekv1.0.6), а при их отключении - остаются текстовые альтернативы идентичной смысловой нагрузки (проблемы в 26,5 % случаев).

18. Закрытие панели настроек работоспособно (проблема в 11,2 %, в основном у решений Joomlatemplateaccessibility), в том числе на экранах шириной 768 (iPad) и ниже.

19. Повторное открытие ВДС после закрытия работоспособно.

20. Настройки ВДС работают в модальных (всплывающих) окнах.

21. В ВДС не теряется контент, присутствующий в обычной версии (проблема в 17 % случаев).

22. Использовать типовой набор цветовых схем - стандартный (черным по белому), контрастный (черным по белому с выделениями), инверсия (белым по черному), комфортный (коричневым по бежевому), синий (темносиним по голубому), коричневый (зеленым по темно-коричневому). Иногда встречается разделение цветовых схем на настройки цветов фона и фильтры текста (например, сепия, контрастность, градации серого). Но сочетание данных настроек не всегда предсказуемо. Можно использовать набор схем с соответствующими названиями под различные нарушения (единственный сайт, где встретились такие названия - РосНОУ) - протанопия, дейтеранопия, тританопия, монохромазия. Симулировать то, как сайт видят люди с такими нарушениями, можно с помощью Chrome DevToolsв разделе Rendering/ Emulate vision deficiencies.

В соответствии с рекомендациями и полученной статистикой произведена оценка версий для слабовидящих на основе ручного тестирования работоспособности ВДС. По каждому условию сайту начислялось некоторое количество баллов за прохождение, в зависимости от критичности проблем.

Первые места по оценкам фактической работоспособности ВДС у Сибирского и Центрального округов, последнее - у Северо-Кавказского (табл. 5). Первые места по оценкам среди категорий направленности обучения у технических и транспортных вузов (табл. 6). Относительно позиций в рейтинге uniRank(табл. 7) - у вузов с первых позиций оценка выше, более качественно разработаны версии для слабовидящих.

Таблица 5 Оценка работоспособности версии для слабовидящих на основе ручного тестирования по округам