Acessibilidade Digital: Fundamentos e Boas Práticas

Contorno da seção

• Selecionar seção Geral

  Contrair Expandir

  Geral

  Contrair tudo Expandir tudo

  • Selecionar atividade Avisos

    

    Avisos Fórum
• Selecionar seção Módulo 1 — Fundamentos de Acessibilidade Digital

  Contrair Expandir

  Módulo 1 — Fundamentos de Acessibilidade Digital

  Conceitos, modelos de deficiência, os 4 princípios do WCAG e o panorama legal (brasileiro e internacional).

  • Selecionar atividade O que é Acessibilidade Digital?

    

    O que é Acessibilidade Digital? Página
  • Selecionar atividade WCAG 2.1 — Referência Rápida (W3C)

    

    WCAG 2.1 — Referência Rápida (W3C) URL

    Referência oficial e navegável de todos os critérios de sucesso do WCAG 2.1, com filtros por nível de conformidade, tecnologia e tipo de técnica. É a fonte primária que vamos consultar ao longo de todo o curso.

  • Selecionar atividade Lei Brasileira de Inclusão — Lei nº 13.146/2015 (texto integral)

    

    Lei Brasileira de Inclusão — Lei nº 13.146/2015 (texto integral) URL

    Texto integral da LBI no Portal da Legislação da Presidência da República. Leia especialmente o Capítulo VI ("Do Direito ao Transporte e à Mobilidade") e o Art. 63, que trata diretamente de acessibilidade em sítios da internet.

  • Selecionar atividade eMAG — Modelo de Acessibilidade em Governo Eletrônico

    

    eMAG — Modelo de Acessibilidade em Governo Eletrônico URL

    Modelo de referência brasileiro para acessibilidade digital, obrigatório em sites e sistemas do governo federal e amplamente adotado como boa prática também fora dele.

  • Selecionar atividade Fórum de Apresentação e Debate

    

    Fórum de Apresentação e Debate
  • Selecionar atividade Quiz — Conceitos Fundamentais

    

    Quiz — Conceitos Fundamentais Questionário
• Selecionar seção Módulo 2 — Design Inclusivo: Contraste, Cores e Tipografia

  Contrair Expandir

  Módulo 2 — Design Inclusivo: Contraste, Cores e Tipografia

  Contraste de cores, daltonismo e tipografia legível — os critérios visuais mais fáceis de testar e mais frequentemente ignorados.

  • Selecionar atividade Contraste, Cores e Tipografia Acessível

    

    Contraste, Cores e Tipografia Acessível Página
  • Selecionar atividade WebAIM Contrast Checker

    

    WebAIM Contrast Checker URL

    Ferramenta gratuita para calcular a razão de contraste entre duas cores e verificar conformidade com WCAG AA/AAA. Você vai usar esta ferramenta na atividade prática deste módulo.

  • Selecionar atividade Atividade Prática — Auditoria de Contraste

    

    Atividade Prática — Auditoria de Contraste Tarefa
• Selecionar seção Módulo 3 — Navegação por Teclado, Leitores de Tela e ARIA

  Contrair Expandir

  Módulo 3 — Navegação por Teclado, Leitores de Tela e ARIA

  HTML semântico, ARIA, ordem de tabulação e foco visível: como garantir que a interface seja operável sem mouse e perceptível por leitores de tela.

  • Selecionar atividade Teclado, ARIA e Leitores de Tela

    

    Teclado, ARIA e Leitores de Tela Página
  • Selecionar atividade MDN — ARIA (Accessible Rich Internet Applications)

    

    MDN — ARIA (Accessible Rich Internet Applications) URL

    Referência completa da Mozilla sobre papéis, estados e propriedades ARIA, com exemplos práticos de quando (e quando não) usá-los.

  • Selecionar atividade NVDA — Leitor de Tela Gratuito (download)

    

    NVDA — Leitor de Tela Gratuito (download) URL

    NVDA é o leitor de tela gratuito e de código aberto mais usado no mundo para Windows. Instale-o para a atividade prática deste módulo — mesmo sem experiência prévia, dá para aprender o básico em poucos minutos (Ctrl move entre elementos com as setas, Tab para campos interativos).

  • Selecionar atividade Atividade Prática — Teste de Navegação Apenas com Teclado

    

    Atividade Prática — Teste de Navegação Apenas com Teclado Tarefa
  • Selecionar atividade Fórum — Compartilhe seus Achados

    

    Fórum — Compartilhe seus Achados
• Selecionar seção Módulo 4 — Acessibilidade em Documentos e Multimídia

  Contrair Expandir

  Módulo 4 — Acessibilidade em Documentos e Multimídia

  PDFs, apresentações, áudio e vídeo — a acessibilidade não termina nas páginas web.

  • Selecionar atividade Documentos e Multimídia Acessíveis

    

    Documentos e Multimídia Acessíveis Página
  • Selecionar atividade W3C WAI — Legendas/Subtítulos (Captions)

    

    W3C WAI — Legendas/Subtítulos (Captions) URL

    Guia oficial do W3C sobre como criar e formatar legendas para vídeo, parte da série "Making Audio and Video Media Accessible".

  • Selecionar atividade Atividade Prática — Revisão de Documento Acessível

    

    Atividade Prática — Revisão de Documento Acessível Tarefa
• Selecionar seção Módulo 5 — Testes, Auditoria e Projeto Final

  Contrair Expandir

  Módulo 5 — Testes, Auditoria e Projeto Final

  Ferramentas automatizadas, testes manuais e o projeto final: uma auditoria completa de acessibilidade de um site real.

  • Selecionar atividade Testando e Auditando Acessibilidade

    

    Testando e Auditando Acessibilidade Página
  • Selecionar atividade WAVE — Web Accessibility Evaluation Tool

    

    WAVE — Web Accessibility Evaluation Tool URL

    Ferramenta online (e extensão de navegador) do WebAIM para avaliação visual de acessibilidade — você vai usá-la no projeto final deste módulo.

  • Selecionar atividade axe DevTools (extensão para Chrome)

    

    axe DevTools (extensão para Chrome) URL

    Extensão gratuita da Deque que integra testes de acessibilidade automatizados diretamente ao DevTools do navegador.

  • Selecionar atividade Projeto Final — Auditoria de Acessibilidade

    

    Projeto Final — Auditoria de Acessibilidade Tarefa
  • Selecionar atividade Quiz Final — Avaliação de Todo o Curso

    

    Quiz Final — Avaliação de Todo o Curso Questionário
• Selecionar seção Nova seção

  Contrair Expandir

  Nova seção

  • Selecionar atividade Gif Animado

    Teste Gif Animado

    

  • Selecionar atividade Teste de Vídeo

    Teste de Vídeo com Autoplay