appandflow / appandflow/trailhead

[Hackathon demo] Make the recording sheet adjustable with accessibility actions

オープン 初心者向け
#8 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
bug good first issue
主要言語
TypeScript
スター
0
フォーク
0
平均マージ
23分
マージ済み PR(30日)
7

説明

Hackathon demo ticket. This is intentionally small and self-contained.

## Problem

The recording sheet grab area declares the adjustable role, but it does not handle accessibility increment or decrement actions. A screen-reader user cannot expand or collapse it through that role.

## Scope

Add the minimum accessibility actions and handler to the grab area in src/features/record/RecordSheet.tsx. Reuse the existing expanded state and spring behavior.

## Acceptance criteria

- Increment expands the sheet.
- Decrement collapses the sheet.
- The accessibility label reflects the current state.
- Touch pan and tap gestures continue to work.

## Validation

Follow docs/mobile-agent-loop.md.

Before: record the grab area's current attributes and show that the adjustable action does not change state.

After: use agent-device to invoke or verify the supported accessibility action, prove the expanded content becomes visible, and capture before and after screenshots.

The PR description must include clearly labeled Before and After evidence.

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

Read docs/mobile-agent-loop.md, then inspect the grab area in src/features/record/RecordSheet.tsx, including its current accessibility attributes, expanded state, and spring behavior. Use agent-device to verify increment and decrement actions, confirm the label and visible content reflect the state, check that touch gestures still work, and capture clearly labeled Before and After screenshots.

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react-native, typescript
領域
accessibility, mobile
issue の種類
機能追加
難易度
2/5
見積もり時間
1〜3時間
活発さ
活発
明瞭さ
明確に書かれている
初心者へのやさしさ
86/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。