Кейс. Разработка корпоративного сайта с панелью для слабовидящих

17 октября 2019
Автор: Анна Вакуленко
УТОС

Кейс. Разработка корпоративного сайта с панелью для слабовидящих

Заказчик

За разработкой сайта к нам обратилась Черниговская областная организация Украинского общества слепых (УТОС). Это общественная организациея, объединяющая людей с инвалидностью по зрению, социально незащищенных и материально необеспеченных слабовидящих граждан.

Задача

У заказчика уже был сайт, который не удовлетворял его по дизайну. Была плохо реализована работа с новостями и фотогалереей, у которой не было возможности добавлять альбомы. Заказчик не мог нормально наполнять и поддерживать сайт.

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

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

Как создавался сайт, решение поставленных задач

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

— новости и деятельность организации,

— как стать ее членом и формы подачи заявки на вступление,

—  новости и фотоотчеты по проведенным мероприятиям,

— нормативно-правовые документы в помощь членам организации,

— информация для сотрудничества, волонтерства и меценатства.

Таким образом, решено было структуру сайта сделать из следующих разделов: Главная, О нас, Нормативно-правовые акты, Новости, Галерея, Сотрудничество и Контакты.

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

В разделе фотогалерея разработали возможность заказчику создавать фотоальбомы под отдельные события.

Сайт должен быть с понятной и легкой панелью управления, поэтому в качестве «движка» была выбрана CMS WordPress. Система полностью удовлетворяет потребности заказчика по функционалу и простоте управления, а также полностью поддерживает адаптивную верстку.

Дизайн сайта

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

К дизайну и юзабилити сайта были максимальные требования:

— лёгкость для восприятия,

— максимально читабельный текст, крупные шрифты;

— крупные и контрастные кнопки и прочие элементы сайта;

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

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

Панель для слабовидящих – специальная возможность для людей с различными проблемами зрения

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

 

Панель для слабовидящих

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

Настройка отображения изображений с помощью панели для слабовидящих

Панель должна быть всегда доступной и легко включаться. Для реализации этого решения использовали специальный WordPress-плагин “Button visually impaired”. В стандартной комплектации он нам не подходил, поэтому пришлось его доработать под украинский язык и наш индивидуальный дизайн.

Возможности панели для слабовидящих:

— изменение размера шрифта (до 200%),

— включение и отключение изображений, отображение в черно-белом,

— изменение фона страницы,

— изменение гарнитуры,

— изменение интервала между буквами (Кернинг),

— изменение интервала между строками,

— синтез речи,

— поддержка браузеров (Chrome, Firefox, Safari, Internet Explorer(v: 11, 10, 9), Microsoft Edge, Opera и тд.)

На финальной стадии сайт был оптимизирован для увеличения скорости загрузки.

Результаты

В данном проекте все требования заказчика были реализованы на 100%. Разработан индивидуальный дизайн, текст хорошо читается на мобильных устройствах с небольшим экраном. Реализована адаптивная верстка под 4 типа разрешений под большинство современных устройств.

Сайт для Украинского общества слепых (УТОС)

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

Ну и самое главное — панель для слабовидящих была по достоинству оценена членами организации!

Хотите заказать разработку и продвижение сайта? Как видите, любые нестандартные задачи ИТ компания Max Project может выполнить. Свяжитесь с нами по телефону: +38 (050) 258 49 88 или +38 (0462) 935 045, или оставьте запрос на электронную почту sales@maxpro.company.

Перейти на сайт

Введите Ваши данные

[recaptcha]
Спасибо! Ваше сообщение уcпешно отправлено.