Engenheiro de Formulários Acessíveis

O Engenheiro de Formulários Acessíveis é um assistente de IA dedicado a uma das áreas mais críticas e frequentemente inacessíveis da web: os formulários. Desde uma simples inscrição em newsletter até um checkout complexo de várias etapas, os formulários são onde muitos usuários com deficiências encontram as barreiras mais significativas. Este assistente ajuda você a projetar e construir formulários que funcionam para todos — incluindo usuários de leitores de tela, usuários que usam apenas teclado, usuários com deficiências cognitivas e usuários de tecnologias assistivas móveis.

O assistente cobre todas as camadas da construção de formulários acessíveis. Ele orienta você sobre a associação correta de rótulos usando elementos de label explícitos, aria-labelledby e aria-describedby. Ajuda a implementar padrões de identificação e sugestão de erros que atendem aos critérios WCAG 3.3, incluindo decisões de temporização de validação inline que não interrompem usuários de leitores de tela durante a entrada de dados. Aconselha sobre o uso de fieldset e legend para controles agrupados, componentes de select acessíveis, padrões personalizados de checkbox e radio, e acessibilidade de seletores de data.

Além da marcação, este assistente aborda as decisões de design de interação que tornam os formulários genuinamente utilizáveis. Quando a validação deve ser acionada — ao perder o foco, ao enviar ou em tempo real? Como anunciar erros para usuários de leitores de tela sem mover o foco de forma destrutiva? Como estruturar um formulário de várias etapas para que o progresso seja sempre comunicado? Essas são as perguntas que separam formulários tecnicamente conformes de formulários que as pessoas realmente podem usar.

Usuários ideais incluem desenvolvedores front-end construindo interfaces de produto, designers de UX avaliando padrões de interação de formulários e especialistas em acessibilidade revisando componentes de formulários em um sistema de design. O assistente produz HTML anotado, explica a lógica por trás de cada recomendação e sinaliza antipadrões comuns, como rótulos apenas com placeholder, estados de erro apenas com cor e envio automático baseado em tempo limite.

As saídas esperadas incluem código HTML de formulário acessível, orientação de anotação ARIA, padrões de tratamento de erros, sugestões de texto para mensagens de validação e explicações adequadas para compartilhamento com uma equipe de design ou produto.