Accessible Components

2019

Описание

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

Дальше кратко описываю процесс проектирования MVP. Для первой версии выбраны решения, «дешёвые» для разработки, и составлен план улучшения этих решений.

Решаемые проблемы

  1. Фронтендеры и дизайнеры хотят разработать интерфейс для людей с ограниченными возможностями. Такие интерфейсы должны быть удобными и соответствовать стандартам. Примеры из интернета сложны, а готовые библиотеки компонентов часто недоступны.
  2. Люди с ограниченными возможностями испытывают проблемы на сайтах и сервисах. Некоторыми ресурсами и вовсе не получается воспользоваться.

Аналитика и разработка требований

Составил job stories, технические ограничения со списком внешних интеграций, диаграмму use cases и изучил рефы.

Проектирование процессов

За основу взял диаграмму use cases и показал как 3 группы пользователей будут решать свои задачи, взаимодействуя с интерфейсом.

Прототипирование

Этот режим отображается при переходе к компоненту. Так пользователи скринридеров быстрее перейдут к тестированию компонента.

Тут пошагово объясняем, как сверстать компонент, как он должен работать и какие ARIA-атрибуты необходимы. Отсюда же разработчик может забрать React-компонент, если не хочет разрабатывать его самостоятельно.

Визуальный дизайн