MFA enrollment QR SVG lacks an accessible name (svg-img-alt)
维护者通常 1 天内回复
还没有人认领这个 Issue。
评估
- 难度
- 2/5
- 预计耗时
- 1-3 小时
- 新手友好度
- 84/100
- Issue 类型
- 缺陷
- 描述清晰度
- 描述清楚
- 活跃度
- 活跃
- 技术栈
- react, typescript
调研方向
从 packages/ui/src/common/QRCode.tsx 开始，检查 QRCodeSVG 的渲染方式，以及注册界面如何本地化其文本。使用 axe 检查内置的 setup-mfa 注册屏幕；当 QR SVG 具有本地化的可访问名称，且 svg-img-alt 违规消失时，工作即告完成。
由索引模型根据 Issue 内容生成。
描述
Description
The built-in pending setup-mfa authenticator flow renders its QR code as an SVG image without an accessible name. A real Chromium sign-in against a development instance reports axe svg-img-alt (serious) on svg[height="200"].
Reproduction
- Render the standard
ClerkProviderandSignIncomponents in a React application. - Require MFA for sign-in and sign in with an account that must complete the
setup-mfasession task. - Open the built-in authenticator enrollment screen and run axe on the displayed QR code.
Expected: the SVG image has an accessible name describing its purpose, localized with the rest of the enrollment UI. Actual: no accessible name is supplied, so the scan fails. No application DOM modification is involved.
This was reproduced in an application integration; a standalone public reproduction repository is not attached. The component source independently identifies the omission: QRCode.tsx at Clerk UI 1.42.0 passes the value and size to QRCodeSVG without a title or accessible-label property. Could the built-in component supply a localized accessible name?
Environment
@clerk/react6.18.3; the live browser reports ClerkJS 6.41.0 and Clerk UI 1.42.0 through the publicClerk.versionandClerk.uiVersionfields. ClerkJS 6.42.0 was the initial source-review tag, not the observed hosted runtime.- React 19, Linux, Chromium driven by Playwright 1.64.0
- Real development-instance password sign-in and pending MFA, not mocked provider responses
No account identifiers, credentials, QR contents or enrollment secrets are included. Exact-rule and broader QR/accessibility searches found no existing issue. No Clerk support contact was made as part of this report.
- 主要语言
- TypeScript
- 星标
- 1.8k
- 派生
- 483
- 平均合并
- 1 天 20 小时
- 30 天内合并 PR
- 363
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
clerk/javascript 的其他 Issue
-
难度 2/5 1-3 小时 新手友好度 75/100
clerk/javascript#10548 ·
维护者通常 1 天内回复
-
<SignIn />: first "Use email" click switches back to phone when `initialValues.phoneNumber` is set可能已有人在做 @twicestruck 于 3 天前认领。 未关闭
难度 2/5 1-3 小时 新手友好度 74/100
clerk/javascript#10487 ·
维护者通常 1 天内回复
-
useLoadedIsomorphicClerk misses "ready" when a ClerkProvider remounts after clerk-js has loaded — <ClerkLoading> never resolves可能重新可做 关联的 PR 已关闭且未合并。 未关闭
难度 2/5 1-3 小时 新手友好度 82/100
clerk/javascript#10462 ·
维护者通常 1 天内回复
-
ClerkAPIError drops meta.lockout_expires_in_seconds from user_locked errors可能已有人在做 @umeraamir69 于 9 天前认领。 未关闭
难度 2/5 1-3 小时 新手友好度 78/100
clerk/javascript#10026 · 2 条评论 ·
维护者通常 1 天内回复
-
@clerk/nextjs: onBeforeSetActive never settles when invalidateCacheAction rejects (e.g. after a redeploy), so setActive and signOut hang forever可能已有人在做 @RaphaelFakhri 于 25 天前认领。 未关闭
难度 2/5 1-3 小时 新手友好度 78/100
clerk/javascript#9987 · 1 条评论 ·
维护者通常 1 天内回复
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 85/100
Slaymish/HealthAgent#7 ·
-
area: engine topic: math type: bug
难度 2/5 1-3 小时 新手友好度 80/100
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 70/100
Get-Concord-AI/concord-mcp#310 ·
维护者通常 1 天内回复
-
Correct install_claude: 'marketplace add' over a different source is refused, not replaced in place未关闭type:bug
难度 2/5 1-3 小时 新手友好度 80/100
nightgauge/nightgauge#2804 ·
维护者通常 1 天内回复