Rullst AcademyRullst Academy/Lição
HTML semântico e acessibilidade · Lição 08 / 10

Erros que ajudam a continuar

Uma boa instrução diz o que falta e como corrigir, sem culpar quem está preenchendo.

Trilhas de aprendizado14 min

Vamos descobrir juntos

  1. 1

    Required torna um campo obrigatório na validação nativa; maxlength limita o comprimento aceito. Informe as regras em texto antes do envio. Type="email" verifica um formato básico, mas não prova existência, propriedade ou segurança de um endereço.

  2. 2

    Um button dentro de form pode enviar o formulário se seu tipo não for definido. Escreva type="submit" para envio e type="button" para uma ação própria. A oficina intercepta o envio de treino: mostra uma mensagem local após a validação, sem rede.

  3. 3

    Deixe o apelido inventado vazio e tente o botão de treino. Depois preencha e compare. As mensagens nativas podem usar o idioma do navegador, diferente do idioma escolhido na Rullst Academy. Elas não são uma confirmação de cadastro.

  4. 4

    Uma aplicação real precisa validar no servidor, minimizar dados e explicar finalidade e erros. HTML não cria banco de dados nem protege dados sozinho. O projeto baixado inclui demo.js apenas para impedir envio e mostrar o resultado de treino; JavaScript será estudado depois.

Oficina de HTML: escrever, observar, revisar

Edite o HTML em “Meus arquivos e GitHub” e atualize a prévia. Ela usa elementos de estudo e estilos de leitura: scripts, CSS próprio e navegação externa ficam desativados. Apenas route.svg do kit é exibida como imagem.

Ir ao meu HTML

Estas verificações simples não são uma validação completa de HTML nem uma auditoria WCAG. Confira conteúdo, teclado, zoom e tecnologias assistivas; registre o que ainda não testou.

Links oficiais e próximo passo

✦
SUA MISSÃO

Experimentar validação nativa e distinguir interface, envio e validação no servidor.

Agora é a sua vez

Oficina de descobertas

Leia, preveja, experimente

O apelido fictício está vazio e tem required. Não há serviço de cadastro conectado.
Monte suas respostas e confira quando estiver pronto.
Uma pausa para entender

Validação no navegador substitui a do servidor?

Preciso de uma pista

Compare a intenção com o significado dos elementos; aparência sozinha não demonstra acessibilidade.

Carregando sua jornada…

Leve com você

Compare vazio, um apelido inventado e um texto longo. Registre o resultado e reescreva uma instrução para deixar a regra mais clara.

No seu ritmo

Meus arquivos e GitHub

Toda lição pode virar um registro seu: código, anotações ou um plano de prática. Guardar um arquivo no GitHub é opcional e não altera seu XP.

Manual do aluno

O editor e os downloads abrem quando esta lição estiver liberada para sua conta. Confira o acesso abaixo ou volte ao mapa da trilha.

Conferindo seu acesso à lição…

Rullstpetbot

A IA pode errar. Confira no material da lição.