Нам нужны твои мозги

Хотите расти как разработчик и найти крутую работу? Не протирайте штаны — займитесь Open Source проектами. Так легче всего попасть в лучшие команды разработчиков и положить себе в резюме настоящий проект, вместо нелепых «примеров кода». Но найти подходящий проект для участия сложно. Начинаются лень и отговорки, а за ними — отсутствие профессионального роста, критики по-настоящему крутых программистов, уныние и застой.

На Cult of Martians мы собираем интересные задачи для современных веб-программистов. Можно выбрать подходящую по сложности, продолжительности и специализации. Задачи не выдуманы «из воздуха» — каждая решает насущную проблему, и решить ее можно через создание нового Open Source проекта или улучшение существующего. Решайте задачи, прокачивайтесь, присылайте решение на оценку. Лучших могут пригласить к себе на работу компании, программистам которых понравится ваше решение.

В работе 0Короткие 0Длинные 0Сделано 220
Помощь запрашивал
Андрей Ситник
 Андрей Ситник
Помог
Дмитрий Курманов
 Дмитрий Курманов

Фронт: Добавить поддержку большего количества элементов с role в KeyUX

Для новичков, задача на пару дней

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

Например, он добавляет для списков с role="menu" (табы, меню навигации) навигацию стрелочками. Так, вместо огромного списка для Tab-навигации, у нас выделяются изолированные блоки, между которыми мы перемещаемся Tab-ом, а внутри — стрелочками.

Но такая навигация нужна не только role="menu", но и многим другим role (но у каждой немного отличается поведение, будьте внимательны).

Польза: строка в резюме, которая показывает знание технологий доступности в веб-разработке.

  1. Форкнуть репозиторий.
  2. Переименовать menuKeyUX в focusGroupKeyUX. Заменить все связанные файлы.
  3. Добавить поддержку role="menubar". У нее по умолчанию другая ориентация (горизонтальная).
  4. Добавить поддержку role="listbox".
  5. Добавить поддержку role="tablist". Для нее не нужно делать поиск по мере ввода. И не нужно реализовывать aria-multiselectable. У нее другая ориентация, по умолчанию (горизонтальная).
  6. Добавить поддержку role="toolbar". В отличие от role="menu" у нее нет специальной role для детей. И у нее другая ориентация, по умолчанию (горизонтальная).
  7. Добавить тесты.
  8. Запустить pnpm size-limit и обновить размер в size-limit в package.json.
  9. Добавить документацию.
  10. Отправить PR.
Посмотреть решение