l3montree-dev/devguard

Radix UI DialogContent accessibility warning

Open

#2.084 aberto em 28 de mai. de 2026

Ver no GitHub
 (0 comments) (0 reactions) (0 assignees)Go (32 forks)auto 404
component/devguard-webgood first issue

Métricas do repositório

Stars
 (144 stars)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

Description Three dialogs are missing an accessible description, causing Radix UI to emit a console warning and leaving screen reader users without context when a dialog opens. Radix UI's DialogContent requires either a child or an explicit aria-describedby={undefined} opt-out — none of the three affected components provide either.

Steps to reproduce

  1. Run the app in dev mode
  2. Open any of the three affected dialogs:
    • Command palette (CommandDialog in src/components/ui/command.tsx:29)
    • Webhook setup dialog (WebhookSetupTicketIntegrationDialog in src/components/guides/WebhookSetupTicketIntegrationDialog.tsx:35)
    • Risk scanner dialog (RiskScannerDialog in src/components/RiskScannerDialog.tsx:517)
  3. Open the browser console

Expected Behavior No console warnings. Screen readers announce a meaningful description when focus enters the dialog.

Actual Behavior Console warning appears:

Warning: Missing `Description` or `aria-describedby={undefined}` for {DialogContent}.

Screen readers receive no description when these dialogs open.

Guia do colaborador

Direção de pesquisa
Localize os três diálogos mencionados (CommandDialog, WebhookSetupTicketIntegrationDialog, RiskScannerDialog) e adicione um filho <DialogDescription> com uma descrição apropriada, ou opte por não fazer isso passando aria describedby={undefined} para DialogContent.
Pilha de tecnologia
reacttypescript
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Menos de 1 hora
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
ReactAccessibility basics
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
80