Web Accessibility Academy · Aula

Robusto: funcionará com a tecnologia das pessoas?

Marcação válida e bem nomeada que as tecnologias assistivas conseguem interpretar.

Aula 4 de 413 etapas

Robusto: funcionará com a tecnologia das pessoas? é uma aula grátis de Web Accessibility Academy no CoddyKit. Esta é a aula 4 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Web Accessibility Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Web Accessibility Academy inclui 4 aulas no total.

O que significa robusto

Robusto é o quarto princípio da WCAG: seu conteúdo deve funcionar de modo confiável em diferentes navegadores, dispositivos e tecnologias assistivas.

Feito para durar

As ferramentas mudam com o tempo. Uma marcação robusta continua funcionando com os leitores de tela de hoje e com os que as pessoas usarão amanhã.

Escreva HTML válido

Navegadores e tecnologias assistivas analisam sua marcação. Um HTML válido, com tags fechadas e IDs exclusivos, oferece uma árvore limpa para leitura. ✅

<ul>
  <li>First item</li>
  <li>Second item</li>
</ul>

Nome, função e valor

Todo controle precisa de um nome, função e valor que as tecnologias possam ler. Uma caixa de seleção real expõe os três automaticamente a um leitor de tela.

Elementos nativos são melhores

Um botão real já tem a função e o valor corretos. Optar por um elemento nativo é o caminho mais fácil para uma marcação robusta.

ARIA preenche as lacunas

Quando o HTML não consegue expressar uma função, ARIA pode adicioná-la. Use-a com moderação para dar a componentes personalizados um nome, uma função e um estado.

ARIA mal utilizada prejudica

Uma função incorreta pode fazer um controle anunciar algo sem sentido. A primeira regra de ARIA: nenhuma ARIA é melhor do que uma ARIA mal utilizada.

IDs exclusivos são importantes

Rótulos e ARIA vinculam elementos por meio do id. Um id duplicado rompe esses vínculos, fazendo os leitores de tela apontarem para o elemento errado.

<label for="email">Email</label>
<input id="email">

Teste com tecnologias reais

A única maneira de saber se algo é robusto é experimentá-lo. Faça um teste com um leitor de tela e um teclado reais, não apenas com os próprios olhos.

Não dependa de peculiaridades

Se sua página só funciona porque um navegador é tolerante, ela é frágil. Código padrão e válido resiste à próxima atualização.

A questão da robustez

Pergunte sobre cada componente: a tecnologia assistiva lerá corretamente seu nome, função e valor? Se não tiver certeza, sua marcação ainda não é robusta.

Verificação rápida

Vamos testar o princípio da robustez.

Recapitulação: Robusto

Você aprendeu que Robusto significa que seu código funciona em diferentes tecnologias: HTML válido, elementos nativos, ARIA usada com cuidado, IDs exclusivos e testes reais. POUR concluído! 🚀

Grátis para começar

Aprenda HTML com um tutor de IA — grátis

Escreva e execute código real no seu navegador, obtenha ajuda instantânea de um tutor de IA 24/7 e continue de onde parou na web ou no app.

Cursos
30
Aulas
120

Perguntas Frequentes

A aula “Robusto: funcionará com a tecnologia das pessoas?” é grátis?

Sim — o texto completo de “Robusto: funcionará com a tecnologia das pessoas?” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Web Accessibility Academy, atualize para CoddyKit PRO. O curso de Web Accessibility Academy inclui 4 aulas no total.

O que vou aprender em “Robusto: funcionará com a tecnologia das pessoas?”?

Marcação válida e bem nomeada que as tecnologias assistivas conseguem interpretar. Você pratica Web Accessibility Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar Web Accessibility Academy?

Nenhuma experiência prévia é necessária. Web Accessibility Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 4 de 4.

Quanto tempo leva a aula “Robusto: funcionará com a tecnologia das pessoas?”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de Web Accessibility Academy?

Sim. Cada aula de Web Accessibility Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

  1. Perceptível: todas as pessoas conseguem perceber o conteúdo?
  2. Operável: todas as pessoas conseguem usar os controles?
  3. Compreensível: o conteúdo é legível e previsível?
  4. Robusto: funcionará com a tecnologia das pessoas?
← Voltar para Web Accessibility Academy