Accessible Components
Описание
Каталог протестированных UI-компонентов для разработчиков и дизайнеров. Качество компонентов могут протестировать не только люди с ограниченными возможностями, но специалисты, которые заинтересованы в удобных интерфейсах.
Дальше кратко описываю процесс проектирования MVP. Для первой версии выбраны решения, «дешёвые» для разработки, и составлен план улучшения этих решений.
Решаемые проблемы
- Фронтендеры и дизайнеры хотят разработать интерфейс для людей с ограниченными возможностями. Такие интерфейсы должны быть удобными и соответствовать стандартам. Примеры из интернета сложны, а готовые библиотеки компонентов часто недоступны.
- Люди с ограниченными возможностями испытывают проблемы на сайтах и сервисах. Некоторыми ресурсами и вовсе не получается воспользоваться.
Аналитика и разработка требований
Составил job stories, технические ограничения со списком внешних интеграций, диаграмму use cases и изучил рефы.
Проектирование процессов
За основу взял диаграмму use cases и показал как 3 группы пользователей будут решать свои задачи, взаимодействуя с интерфейсом.

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

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

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