Curso de Web Design Acessível

Aula 1 • O Caso Ético e Empresarial

Apresenta argumentos morais, sociais e comerciais para a acessibilidade. Motiva os formandos a tratar a acessibilidade como uma prioridade profissional.

Aula 2 • Panorama Global das Normas de Acessibilidade

Apresenta as diretrizes internacionais e os quadros de conformidade. Relaciona as expectativas regulamentares com decisões práticas de design.

Aula 3 • Perspetivas sobre Deficiência e Investigação com Utilizadores

Examina como diferentes utilizadores experienciam a web. Desenvolve a empatia e estabelece os métodos centrados no utilizador utilizados em capítulos posteriores.

Aula 4 • Os Quatro Princípios POUR

Apresenta os princípios Percetível, Operável, Compreensível e Robusto como quadro organizador. Fornece a lente utilizada ao longo de todo o curso.

Aula 1 • Imagens e Elementos Multimédia Acessíveis

Abrange texto alternativo, figuras e marcação de multimédia incorporada. Relaciona o conteúdo visual com equivalentes textuais para utilizadores não visuais.

Aula 2 • Por Que Razão a Semântica Impulsiona a Acessibilidade

Explica como os navegadores e as tecnologias de apoio interpretam a semântica HTML. Estabelece por que razão a escolha correta do elemento supera a estilização visual.

Aula 3 • Listas, Tabelas e Dados Acessíveis

Ensina a marcação correta para listas e tabelas de dados complexas. Garante que os utilizadores de leitores de ecrã recebem um contexto estrutural preciso.

Aula 4 • Estrutura do Documento e Marcos de Navegação

Abrange a hierarquia de títulos, elementos de marco e regiões da página. Permite que os utilizadores naveguem nos documentos de forma eficiente com tecnologia de apoio.

Aula 1 • Padrões de Design ARIA na Prática

Aplica padrões ARIA a componentes reais como separadores, acordeões e menus. Liga o conhecimento da especificação a uma implementação pronta para produção.

Aula 2 • Funções de Marco e Widget

Abrange as funções de marco ARIA e as funções de widget interativo. Permite a atribuição correta de funções para componentes de IU personalizados.

Aula 3 • Fundamentos e Regras do ARIA

Apresenta a especificação ARIA e as suas cinco regras de utilização. Previne a utilização incorreta, fundamentando os formandos sobre quando o ARIA é ou não apropriado.

Aula 4 • Estados ARIA e Regiões Dinâmicas

Ensina atributos de estado dinâmico e anúncios de regiões dinâmicas. Garante que as tecnologias de apoio comunicam alterações na interface em tempo real.

Aula 1 • Indicadores de Foco Visíveis

Ensina o design e a implementação de estilos de foco claros. Aborda o requisito WCAG para foco percetível e contraste.

Aula 2 • Hiperligações de Salto e Mecanismos de Bypass

Desenha blocos de bypass que permitem aos utilizadores de teclado saltar conteúdo repetitivo. Aborda diretamente o critério de sucesso de blocos de bypass das WCAG.

Aula 3 • Fundamentos da Navegação por Teclado

Aborda como os utilizadores navegam com as teclas Tab, setas e atalhos. Estabelece o contrato de teclado base que todas as interfaces devem cumprir.

Aula 4 • Gerir o Foco em Interfaces Dinâmicas

Abrange o controlo programático do foco em modais, alertas e SPAs. Previne a perda de foco e a desorientação durante atualizações dinâmicas de conteúdo.

Aula 1 • Requisitos de Contraste de Cor

Explica os cálculos do rácio de contraste e os limites das WCAG para texto e IU. Permite que os designers verifiquem e corrijam o contraste antes do lançamento.

Aula 2 • Independência da Cor no Design

Ensina como transmitir informação sem depender apenas da cor. Previne a exclusão de utilizadores com deficiências de perceção da cor.

Aula 3 • Layouts Responsivos e Compatíveis com Zoom

Desenha layouts que se reorganizam com zoom de 400% sem scroll horizontal. Garante que os utilizadores com baixa visão podem ampliar o conteúdo sem perder funcionalidade.

Aula 4 • Tipografia e Legibilidade

Abrange o tamanho da fonte, a entrelinha, o espaçamento e a seleção do tipo de letra para legibilidade. Apoia utilizadores com baixa visão e deficiências cognitivas.

Aula 1 • Tipos de Input e Controlos Acessíveis

Seleciona os tipos de input HTML apropriados para cada cenário de introdução de dados. Aproveita o comportamento nativo do navegador para reduzir a sobrecarga de ARIA personalizado.

Aula 2 • Acessibilidade de CAPTCHA e Autenticação

Avalia as barreiras dos CAPTCHA e as alternativas de autenticação acessíveis. Garante que os mecanismos de segurança não excluem utilizadores com deficiência.

Aula 3 • Validação em Linha e Mensagens de Erro

Implementa validação em tempo real e ao submeter com anúncios acessíveis. Previne que os utilizadores submetam formulários incompletos sem orientação clara.

Aula 4 • Padrões de Formulários Complexos

Aborda formulários de várias etapas, campos condicionais e inputs dinâmicos. Mantém a acessibilidade à medida que a complexidade do formulário aumenta.

Aula 1 • Leitores Multimédia Acessíveis

Avalia e configura leitores multimédia para utilização com teclado e leitor de ecrã. Garante que os controlos de reprodução são operáveis sem rato.

Aula 2 • Transcrições e Descrições Áudio

Ensina transcrições completas para áudio e descrições áudio para conteúdo de vídeo visual. Alarga o acesso a utilizadores cegos e àqueles que não podem reproduzir multimédia.

Aula 3 • Visualizações de Dados Acessíveis

Aplica técnicas para tornar gráficos, diagramas e infografias acessíveis. Fornece alternativas textuais e navegação por teclado para dados visuais.

Aula 4 • Legendas para Conteúdo de Vídeo

Abrange a criação, formatação e sincronização de legendas ocultas e abertas. Serve utilizadores surdos, com dificuldades auditivas e falantes não nativos.

Aula 1 • Planeamento de Correção e Prevenção de Regressões

Converte os resultados da auditoria num roteiro de correção priorizado. Incorpora verificações de acessibilidade nos fluxos de trabalho para prevenir regressões futuras.

Aula 2 • Testes com Leitores de Ecrã

Orienta os testes com os principais leitores de ecrã em vários sistemas operativos. Valida que a marcação semântica e o ARIA produzem anúncios corretos.

Aula 3 • Técnicas de Teste Manual

Ensina verificações de navegação apenas com teclado e métodos de inspeção visual. Abrange a maioria dos problemas que as ferramentas automatizadas não detetam.

Aula 4 • Conduzir uma Auditoria de Acessibilidade

Estrutura uma auditoria completa baseada nas WCAG, desde a definição do âmbito até à elaboração do relatório. Produz conclusões acionáveis que as equipas de desenvolvimento podem priorizar.