inclui.me
Um Site com Boas Práticas de Acessibilidade e Usabilidade
Semântica correta, navegação por teclado, foco visível, contraste adequado, skip link, formulários rotulados e alternativas ao multimédia.
Sobre inclui.me
Este projecto demonstra práticas compatíveis com WCAG 2.2 nível AA: landmarks HTML5, navegação por teclado, foco visível, contrastes adequados, skip link,
formulários com label e mensagens de erro, controlo de movimento (prefers-reduced-motion) e alternativas para multimédia.
Foi criado para o curso (microcredencial) "Conteúdos Digitais e Páginas Web Acessíveis" integrada no projecto Skills4Digital do Instituto Politécnico de Leiria.
Vídeo com legendas e transcrição
Este vídeo foi desenvolvido propositadamente para a microcredencial "Conteúdos Digitais e Páginas Web Acessíveis", em conformidade com as diretrizes WCAG 2.2. Inclui legendas sincronizadas manualmente, transcrição acessível, descrição para leitores de ecrã e navegação por teclado, promovendo uma experiência inclusiva e compatível com tecnologias de apoio.
Vídeo incorporado do YouTube com imagem da capa do álbum e áudio da faixa “Num Mundo de Luzes e Telas a Brilhar”. Legendas ativadas automaticamente.
Ver letra completa do video
Num mundo de luzes e telas a brilhar,
há quem não consiga sequer começar.
Barreiras invisíveis, silêncio a pesar,
mas o código certo pode transformar.
Cada gesto, cada som, cada cor, deve falar com amor.
Não é só design, é coração, é dar espaço à inclusão.
Acessa, conecta, inclui. Faz da web um céu onde todos vão fluir.
Não é só código, é construir. Um mundo onde todos podem ir.
Alt text nas imagens, contraste a brilhar, teclado que responde sem precisar tocar.
Libras e legendas, navegação vocal, tudo isso é parte do digital ideal.
[Guitarra Eléctrica - Instrumental]
Cada gesto, cada som, cada cor, deve falar com amor.
Não é só design, é coração, é dar espaço à inclusão.
Acessa, conecta, inclui. Faz da web um céu, onde todos vão fluir.
Não é só código, é construir. Um mundo onde todos podem ir.
[Guitarra Eléctrica - Instrumental]
[Guitarra Eléctrica com assobio melódico – Instrumental]
Acessa, conecta, inclui. Faz da web o céu onde todos vão fluir.
Não é só código, é construir. Um mundo onde todos podem ir.
[Guitarra Eléctrica - Instrumental]
Fim
Créditos de produção: Vídeo criado com recurso a inteligência artificial (IA). Assistência criativa do Microsoft Copilot na letra, Suno.com para a criação da música, Pixabay.com para os clips de vídeo e Microsoft Clipchamp para composição, edição e montagem.
A música (faixa nº 2) faz parte do álbum "Códigos Que Tocam", disponível na página de música.
Exemplo de imagem compatível com as normas WCAG 2.2
Capa_retangulo.webp).
Se não conseguir reproduzir, pode descarregar o ficheiro MP3.
Dados em tabela com cabeçalhos
| Item | Estado | Notas |
|---|---|---|
| Contraste | OK | ≥ 4.5:1 em texto normal |
| Foco | OK | Visível com outline |
| Teclado | OK | Sem armadilhas |
Perguntas frequentes
Este site é acessível por teclado?
Sim. Todos os controlos são focáveis e o foco é visível. Use o link “Saltar para o conteúdo” para ir direto ao principal.
Como garantir contraste?
Utilize combinações de cor com rácios mínimos WCAG: 4.5:1 para texto normal e 3:1 para texto grande e ícones essenciais.
Recursos e ajuda
- WCAG 2.2 (W3C) — Diretrizes atuais (inglês).
- WCAG 2.1 (tradução W3C Brasil) — Referência útil em português.
- AccessMonitor — Avaliação automática base (Portugal).
- WAI – Recursos WCAG — Quick Reference, tutoriais e guias.
- Contactar a equipa — Feedback e pedidos de formato alternativo.
Acessibilidade
Comprometemo-nos a cumprir as WCAG 2.2 nível AA. Este site foi concebido com semântica adequada, navegação por teclado, foco visível, contrastes suficientes, alternativas para multimédia (legendas e transcrição) e redução de movimento quando preferido.
- Ajuda e contacto: se encontrar barreiras de acessibilidade ou precisar de conteúdos em formato alternativo, contacte acessibilidade@inclui.me.
- Exceções conhecidas: conteúdos de terceiros incorporados podem apresentar limitações fora do nosso controlo.
- Compatibilidade: suportamos leitores de ecrã (NVDA/JAWS/VoiceOver), navegação por teclado e dispositivos de apontar (rato e toque).
- Links externos: por omissão, abrem na mesma aba. Se, por exceção, algum link abrir em nova janela/aba, será indicado no texto (abre em nova janela).
- Última revisão:
Contacto
Também disponível na página de contacto.