MFA enrollment QR SVG lacks an accessible name (svg-img-alt)
Mantenedores costumam responder em até 1 dia
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 2/5
- Tempo estimado
- 1-3 horas
- Facilidade para iniciantes
- 84/100
- Tipo de issue
- Bug
- Clareza
- Claramente especificada
- Status de atividade
- Ativa
- Stack de tecnologia
- react, typescript
- Domínio
- accessibility, frontend
Direção de pesquisa
Comece por packages/ui/src/common/QRCode.tsx e examine como QRCodeSVG é renderizado e como a interface de inscrição localiza seu texto. Verifique a tela de inscrição integrada setup-mfa com axe; o trabalho estará concluído quando o SVG do QR code tiver um nome acessível localizado e a violação svg-img-alt tiver desaparecido.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
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.
- Linguagem predominante
- TypeScript
- Estrelas
- 1.8k
- Forks
- 484
- Merge médio
- 1d 7h
- PRs com merge (30d)
- 350
Preparar o ambiente
- Sem Dockerfile nem arquivo Docker Compose
- Tem um modelo de pull request
- Ler o guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de clerk/javascript
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 75/100
clerk/javascript#10548 ·
Mantenedores costumam responder em até 1 dia
-
<SignIn />: first "Use email" click switches back to phone when `initialValues.phoneNumber` is setTalvez já em andamento @twicestruck assumiu há 6 dias. Aberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 74/100
clerk/javascript#10487 ·
Mantenedores costumam responder em até 1 dia
-
useLoadedIsomorphicClerk misses "ready" when a ClerkProvider remounts after clerk-js has loaded — <ClerkLoading> never resolvesTalvez livre de novo Um pull request para esta issue foi fechado sem ser mesclado. Aberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 82/100
clerk/javascript#10462 ·
Mantenedores costumam responder em até 1 dia
-
ClerkAPIError drops meta.lockout_expires_in_seconds from user_locked errorsTalvez livre de novo Um pull request para esta issue foi fechado sem ser mesclado. Aberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 78/100
clerk/javascript#10026 · 2 comentários ·
Mantenedores costumam responder em até 1 dia
-
@clerk/nextjs: onBeforeSetActive never settles when invalidateCacheAction rejects (e.g. after a redeploy), so setActive and signOut hang foreverTalvez já em andamento @RaphaelFakhri assumiu há 28 dias. Aberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 78/100
clerk/javascript#9987 · 1 comentário ·
Mantenedores costumam responder em até 1 dia
Todas as issues de clerk/javascript
Issues semelhantes
-
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 85/100
formbricks/formbricks#9918 ·
Mantenedores costumam responder em até 1 dia
-
enhancement
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 65/100
thecodacus/pithagoras#364 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 72/100
openclimatefix/quartz-frontend#823 ·
Mantenedores costumam responder em até 4 dias
-
area:agent-manager community needs-triage
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
Mantenedores costumam responder em até 1 dia
-
`contacts.create` posts to `/audiences/undefined/contacts` when `audienceId` is undefinedTalvez já em andamento @RaphaelFakhri assumiu hoje. Aberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 70/100
resend/resend-node#1176 ·
Mantenedores costumam responder em até 1 dia