Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Studio catalog prompt editor has no accessible name

オープン 初心者向け
#4,384 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

@lorenzozanee がすでに取り組んでいます。

2026年9月24日 から。

  • #4398 @lorenzozanee による — オープン

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
78/100
issue の種類
バグ
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
typescript

調査の方向性

packages/studio/AGENTS.md を読み、その後 packages/studio/src/components/sidebar/PromptPreviewModal.tsx の textarea と、BlocksTab.tsx にあるその呼び出し元を調査します。Studio コンポーネントの対象テスト、または bun run --cwd packages/studio test によるテストスイートを実行し、テキストボックスの accessible name に対するカバレッジを追加します。編集後も name が意味のある状態に保たれ、コピーと既存の Ctrl/Cmd+Enter ショートカットが引き続き機能すれば完了です。Chrome のアクセシビリティツリーで結果を確認します。

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

説明

bug difficulty/easy triage/ready

The catalog's Ask agent dialog contains a prompt editor with no accessible name. Chrome exposes the dialog title, but its textbox is unnamed, so assistive technology cannot identify the field independently of surrounding text.

Reproduction and evidence

Verified against origin/main 86fa10ced4297bfd9f4fe67b6767afae7a07fd3c on September 23, 2026. The relevant component is unchanged from the source used in the browser probe.

  1. Open Studio's catalog and use a block card's Ask agent action.
  2. Inspect the prompt textarea in Chrome's accessibility tree.
  3. The textbox's computed name is empty; the dialog itself is named Ask agent — <block title>.

An isolated browser mount of the actual PromptPreviewModal with title Example and prompt Change the title produced:

[
  { "role": "dialog", "name": "Ask agent — Example" },
  { "role": "textbox", "name": "", "value": "Change the title" }
]

This was verified through Chrome's accessibility tree, not a screen-reader session or full Studio end-to-end run. The catalog caller is source-verified.

Scope

Give this prompt editor a stable, meaningful accessible name using a label or appropriate ARIA association. Preserve the existing prompt text, dialog title, editing, copy action, and keyboard shortcut. No modal redesign is needed.

The separate selection AskAgentModal already receives a placeholder-derived accessible name in Chrome and is outside this issue's scope.

Acceptance criteria
  • The prompt textbox has a meaningful nonempty accessible name, including when the prompt is populated or edited.
  • The field name is distinct from the editor's current value and the dialog title.
  • Copying the edited prompt and the existing Ctrl/Cmd+Enter shortcut still work.
  • A focused component test checks the textbox's accessible name; a browser accessibility inspection confirms the result.
Code pointers and validation

Difficulty: easy — a localized labeling correction with direct accessibility verification. Before starting, check current assignments and linked PRs. Open UI migration PRs #3625, #3626, #3774 and #3776 contain only CSS-class changes in this component; their inspected patches do not add its field label.

Reviewer/mentor is being arranged. Comment with your intended approach before starting so ownership can be coordinated; this issue is not yet a newcomer invitation.

主要言語
TypeScript
スター
54.1k
フォーク
4.9k
平均マージ
7時間 2分
マージ済み PR(30日)
782

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

heygen-com/hyperframes のほかの issue

heygen-com/hyperframes の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

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

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