Perceptível: todas as pessoas conseguem perceber o conteúdo?
Alternativas de texto, legendas e conteúdo adaptável.
Perceptível: todas as pessoas conseguem perceber o conteúdo? é uma aula grátis de Web Accessibility Academy no CoddyKit. Esta é a aula 1 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 perceptível
Perceptível é o primeiro princípio da WCAG: todas as pessoas devem conseguir perceber seu conteúdo, mesmo que não possam vê-lo, ouvi-lo ou lê-lo da maneira usual.
Por que vem primeiro
Se alguém não consegue sequer perceber um botão ou uma imagem, nada mais importa. Perceptível é a base sobre a qual os outros três princípios são construídos.
Alternativas em texto
Conteúdos que não são texto precisam de palavras. Uma alternativa em texto permite que um leitor de tela descreva uma imagem, para que uma pessoa cega receba o mesmo significado que você vê. 🖼️
<img src="chart.png" alt="Sales doubled in Q4">Legendas para áudio
Uma pessoa surda não consegue ouvir seu vídeo. As legendas transformam as palavras faladas em texto na tela, tornando o som perceptível pela visão.
Transcrições também
Uma transcrição é o texto completo de um áudio ou vídeo. Ela ajuda pessoas surdas, pessoas em ambientes silenciosos e qualquer pessoa que prefira ler a escutar.
Conteúdo que se adapta
As pessoas redimensionam o texto, ampliam a tela ou mudam para o modo escuro. Um conteúdo adaptável mantém seu significado e sua ordem, independentemente de como é apresentado.
Significado na marcação
Use elementos HTML verdadeiros para preservar a estrutura. Um título continua sendo um título quando os estilos desaparecem, portanto um leitor de tela ainda sabe que ele é um título.
<h2>Order Summary</h2>Não dependa apenas da cor
Se vermelho significar erro, uma pessoa daltônica poderá não perceber isso. Combine a cor com texto ou um ícone para que o significado seja perceptível sem que seja necessário distinguir a tonalidade.
Contraste suficiente
Texto cinza-claro sobre branco prejudica pessoas com baixa visão. Um contraste forte entre o texto e o fundo mantém as palavras legíveis para todas as pessoas.
Conteúdo distinguível
Facilite a distinção entre os elementos: tamanho de texto legível, espaçamento claro e áudio que possa ser pausado. Esse é o aspecto distinguível de algo perceptível.
A pergunta sobre o que é perceptível
Faça esta pergunta sobre cada parte do conteúdo: alguém consegue perceber isto sem usar os olhos ou os ouvidos? Se não, você deve oferecer uma alternativa.
Verificação rápida
Vamos testar o princípio Perceptível.
Recapitulação: perceptível
Você aprendeu que Perceptível significa que todas as pessoas conseguem perceber seu conteúdo: texto alternativo, legendas, transcrições, layout adaptável e contraste. Primeiro, torne o conteúdo perceptível; depois, construa sobre essa base. 🌱
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 “Perceptível: todas as pessoas conseguem perceber o conteúdo?” é grátis?
Sim — o texto completo de “Perceptível: todas as pessoas conseguem perceber o conteúdo?” é 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 “Perceptível: todas as pessoas conseguem perceber o conteúdo?”?
Alternativas de texto, legendas e conteúdo adaptável. 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 1 de 4.
Quanto tempo leva a aula “Perceptível: todas as pessoas conseguem perceber o conteúdo?”?
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
- Perceptível: todas as pessoas conseguem perceber o conteúdo?
- Operável: todas as pessoas conseguem usar os controles?
- Compreensível: o conteúdo é legível e previsível?
- Robusto: funcionará com a tecnologia das pessoas?