Особый взгляд: портал, доступный без помощи зрения

Программа «Особый взгляд» благотворительного фонда «Искусство, наука и спорт» —

проект национального масштаба, который помогает формировать новые стандарты

инклюзии в России.

Портал «Особый взгляд» — уникальное информационное издание для людей с нарушением зрения и их близких, не имеющее аналогов в российском интернете. Он объединяет помощь, гранты, курсы, справочные материалы, статьи, новости и мероприятия в единой доступной цифровой среде.

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

Нужно было разработать портал, объединяющий несколько типов контента и сервисов:

• помощь, гранты, курсы и справочные материалы;

• статьи и новости;

• мероприятия;

• команды, авторов, амбассадоров и тифлокомментаторов;

• географию присутствия проекта по России.

Главное требование — сайт должен быть доступным не формально, а на уровне реального пользовательского опыта: для людей, которые воспринимают интерфейс через скринридер и управляют сайтом с клавиатуры.

Разработали информационную платформу национальной программы фонда «Искусство, наука и спорт» — для незрячих пользователей, которые воспринимают интерфейс через скринридер и управляют сайтом с клавиатуры.

Доступность стала не дополнительным режимом и не плагином, а основой архитектуры.

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

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

Особое внимание мы уделили масштабу проекта. На сайте появились:

• раздел команды;

• страницы авторов, амбассадоров и тифлокомментаторов;

• карта присутствия проекта в более чем 70 городах России;

• связи между статьями, мероприятиями, новостями и персональными страницами

участников.

Так портал стал не просто медиа, а живой экосистемой программы.

Хотя важная часть аудитории не воспринимает сайт визуально, нам было важно сделать интерфейс современным, чистым и узнаваемым.

Визуальная концепция поддерживает бренд «Особого взгляда»: минималистичный UI, аккуратная анимация, работа с типографикой и 3D-образом логотипа. При этом визуальные эффекты не мешают доступности и не становятся препятствием для основного сценария использования.

Для пользователей мы реализовали рекомендательную механику: сайт запоминает интересующие категории и корректирует сортировку разделов и подборки материалов.

Для редакторов предусмотрели инструменты, которые упрощают работу с контентом:

• постобработка материалов из WYSIWYG-редактора;

• очистка размеров у изображений;

• перенос изображений из вставленного контента в локальное хранилище;

• сниппеты для повторяемых контентных блоков.

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

Технологии проекта:

• бэкенд: 1С-Битрикс;

• фронтенд: Vue, Vite, TypeScript;

• интеграции: DaData, Sendsay.

Мы разработали доступный портал, в котором доступность заложена на уровне структуры, навигации и интерфейсной логики, а не добавлена поверх готового сайта.

Проект объединил медиа, сервисы поддержки, мероприятия, авторов, амбассадоров и географию присутствия программы в единую цифровую среду.

«Особый взгляд» — пример того, как сайт для социальной инициативы может быть одновременно доступным, современным, визуально выразительным и удобным для разных групп пользователей. 

Сайт стал финалистом премии «Рейтинг Рунета 2025» в номинации «СМИ, издательства».

Портал тщательно протестирован незрячими пользователями и получил «Сертификат соответствия цифрового контента требованиям доступности ГОСТ».