Skip to content

ilyasidorchik/holyjs-workshop-marketplace-a11y

Repository files navigation

Воркшоп. Улучшаем доступность маркетплейса для незрячих, учитывая опыт большого e-commerce проекта

Илья Сидорчик со своей командой сделал Яндекс Маркет доступнее для незрячих покупателей и тех, кто пользуется сайтом с клавиатуры. В процессе разработчики столкнулись с неочевидными проблемами: почему трудно найти кнопку на видном месте? Как удаление role="button" у кликабельного элемента может сделать лучше? Почему в VoiceOver работает, а в NVDA нет?

Мы разрешим эти проблемы, улучшив доступность маркетплейса вместе по шагам:

  • Исправим главные баги.
  • Доработаем UI Kit (заголовок, картинку, попап и др.).
  • Сделаем навигацию с клавиатуры.
  • Поправим тачовую версию.
  • Протестируем вручную и автоматически.

Локальный запуск проекта

  1. Устанавливаем зависимости:
npm install
  1. Запускаем:
npm start

Ветки для ознакомления

  • После первого часа запушим в ветку slot1 (Гитхаб)
  • После второго часа в ветку slot2 (Гитхаб)
  • Готовый код уже в a11y-fix (Гитхаб)

Гайд по скринридерам

См. также

About

Маркетплейс для воркшопа по a11y на HolyJS

Topics

Resources

Stars

Watchers

Forks