Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Studio catalog prompt editor has no accessible name

未关闭 适合新手
#4,384 0 条评论 0 个 reaction 已指派 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 运行测试套件,并为文本框的可访问名称补充覆盖。完成的标准是:编辑后名称仍然具有明确含义,同时复制功能和现有的 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 小时 18 分钟
30 天内合并 PR
784

环境准备

这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

heygen-com/hyperframes 的其他 Issue

查看 heygen-com/hyperframes 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。