Interface acessível e responsiva
Comece pela estrutura semântica: títulos organizam a leitura, links navegam e botões executam ações. Cada controle precisa de um nome compreensível e de foco visível. Cor sozinha não deve carregar uma informação essencial.
Projete para conteúdo variável, telas pequenas, teclado e preferências de movimento. Uma interface responsiva reorganiza prioridades, além de reduzir dimensões. Verifique se informações e ações continuam disponíveis em cada tamanho.
Experimente no seu contexto
Revise uma tela com teclado e em uma largura de 360 pixels. Registre e corrija três barreiras de navegação ou compreensão.
Uma pergunta para levar com vocêComo a experiência muda para quem não usa um mouse?
Assista, leia e experimente
Recursos selecionados para este módulo. Use a orientação de estudo para conectar cada material à atividade.
Tutoriais de acessibilidade ↗
Revise estrutura, formulários, nomes dos controles e navegação por teclado.
Learn HTML and CSS ↗
Pratique HTML e CSS no percurso interativo. Confira na plataforma as condições de acesso.