Voice-assistant Frogs

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

  • 827 Raised
  • 40 Views
  • 1 Judges

Description

Ссылка на githhub: https://github.com/WaterMelonyOcO/voice-assistant-Frogs
Ссылка на видео: https://disk.yandex.ru/d/1yJnZUd3o6rzIw

Преимущества сайта:

  1. Упрощенная навигация – все ссылки на разделы сайта находятся на главной, ориентироваться можно как при помощи поиска в шапке и каталога слева, так и при помощи голосового помощника, который поможет перейти на страницы товаров. Также для упрощения понятия о местонахождении на странице, все главные ссылки имеют эффекты, по которым просто понять, где именно находится посетитель.

  2. Специальный режим, предназначенный для настройки сайта под каждого пользователя – содержит увеличение текста, изменение расстояния между буквами, изменения контрастности сайта и отключение изображений на всем сайте. Также по окну можно перемещаться при помощи клавиатуры (клавиши TAB и Enter).
  3. Адаптация под все устройства, от десктопа до телефона включительно.
  4. Перемещение при помощи клавиатуры – на сайте можно перемещаться при помощи клавиатуры и выбирать товары клавишой Enter.

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

  6. Смена языка – на сайте реализована смена языка с русского на английский и обратно.

  7. Карта сайта – в футере находится отдельная карта сайта, на которой показаны все пункты навигации и страницы, что помогает быстрее ориентироваться и лучше понимать структуру.

  8. Специальная подпись под картинками в карточке товара – эта подпись нужна для тех, кто отключил картинки и все равно хочет узнать, что на них находится, или же для людей с пониженным зрением. На сайте представлена тестовая информация, то есть пример, какой может быть данная надпись.

  9. Упрощенная текстовая информация в карточке товара – описание товара сразу представлено с расстоянием между букв и ограничением в 80 слов в строке, для того, чтобы текст было легче читать.

  10. Кнопка поднятия вверх – нужна для того, чтобы пользователю не приходилось долго листать информацию. На нее также можно нажать, используя клавиатуру – клавиши TAB и Enter.
  11. Все кнопки имеют иконки рядом с названием – это нужно для упрощения понимания, что делает данная кнопка; во время просмотра и страницы можно легко заметить эти иконки и при помощи метода ассоциаций сразу понять, какое действие произойдет при нажатии на кнопку или куда она будет вести.
  12. Иное отображения акционной информации на сайте – при отключении картинок на сайте предусмотрена также иное отображение для баннера, а именно – графика исчезает, а текстовая информация остается, что удовлетворяет сразу две стороны: и покупателя, который может заинтересоваться данным предложением, и продавца, который не остается в минусе из-за отключения графической информации.
  13. Все формы имеют label и placeholder, благодаря чему при их заполнении скринридером озвучивается полная информация.
  14. Заголовки на всех страницах – также относятся к упрощению понимания навигации на сайте.

Attachments

Comments