DESENVOLVIMENTO WEB ACESSÍVEL – AVANÇADO

Objetivos da formação

• Reconhecer os princípios fundamentais da acessibilidade digital
• Conceber e desenvolver sites Web acessíveis em conformidade com o RGAA 4
• Autoavaliar a acessibilidade dos seus desenvolvimentos Web

Duração da formação

Programa da formação

Dia 1 – MANHÃ

REVISÃO DA ACESSIBILIDADE DIGITAL  

– Definição e conceito de “situação de deficiência”

– Números‑chave relacionados com a deficiência

– Tipologias de deficiência:

• visuais
• auditivas
• motoras
• cognitivas

– Tecnologias de assistência

Exemplos de exercícios práticos:

• Exemplos de utilizadores confrontados com sites não acessíveis

REFERENCIAIS DE ACESSIBILIDADE EM VIGOR

– Definições, utilizações e limitações

– WCAG (Diretrizes de Acessibilidade para Conteúdo Web)

– RGAA (Quadro Geral de Melhoria da Acessibilidade)

– RAAM (Estrutura de Acessibilidade para Aplicativos Móveis)

– Limitações dos referenciais: diferença entre conformidade (técnica) e acessibilidade

– Enquadramento legal

AUDITORIA RGAA

– Metodologia

– Definição de uma amostra de auditoria

– Utilização da grelha de auditoria RGAA

– Priorização

– Declaração de acessibilidade

Dia 1 –TARDE

FERRAMENTAS DE TESTE 

– Princípios dos testes de acessibilidade e limitações das ferramentas automáticas

– Ferramentas integradas nos navegadores

– Ferramentas automáticas

– Ferramentas manuais:

• Teste de navegação por teclado
• Assistant RGAA – identificação de alternativas de imagens e gestão do espaçamento do texto
• ANDI – identificação de alternativas de imagens, nomes acessíveis, contrastes de cor e visibilidade do foco
• HeadingsMap – análise da estrutura do documento (níveis de títulos)

Exemplos de exercícios práticos:

• Utilização de ferramentas integradas nos navegadores (contrastes, ordem de tabulação)
• Utilização de ferramentas automáticas como Tanaguru Webext RGAA 4
• Utilização de ferramentas manuais em websites
• Teste de navegação com leitor de ecrã

CONCEITO WAI‑ARIA TEMÁTICAS DO RGAA 4

– Revisão de HTML

– WAI‑ARIA: papel, estado e propriedade

– Exemplos de utilização

TEMÁTICAS DO RGAA 4

– Imagens

• Os diferentes tipos de imagens e as respetivas boas práticas associadas
  (imagens decorativas, imagens informativas simples, imagens complexas, imagens com texto, imagens legendadas).
• Técnicas de implementação em função do tipo de imagem.

– Plataformas online: lembretes rápidos

– Cores: lembretes rápidos

– Multimídia: lembretes rápidos

Exemplos de exercícios práticos:

Identificação de tipos de imagem e definição de alternativas adequadas

Dia 2 – MANHÃ

TEMÁTICAS RGAA 4 – CONTINUAÇÃO 

– Tabelas

• Tabelas de dados: melhores práticas associadas, técnicas de implementação
• Tabelas de apresentação
• Boas práticas
• Técnicas de implementação

– Links

• Tipos de links
• Noção de Link explícito, noção de contexto do link
• Links vazios

– Scripts

Compatibilidade com tecnologias de assistência

• nome
• papel
• valor
• alterações de estado
• design patterns

Alternativas aos scripts

Exemplos de exercícios práticos:

• Análise de tabelas em páginas web e propostas de correção
• Tornar uma tabela acessível via código
• Verificação do carácter explícito dos links
• Deteção de links vazios
• Desenvolvimento de um sistema de abas acessível
• Identificação de alternativas a scripts

Dia 2 – TARDE

TEMÁTICAS RGAA 4 – CONTINUAÇÃO 

– Scripts – continuação

• Gestão das interações teclado / rato / tátil
• Alterações de contexto
• Mensagens de alerta e de estado

– Elementos obrigatórios

• Validade do código
• Alterações de idioma e direção de leitura
• Títulos de página
• Utilização de elementos de apresentação

– Estruturação da informação

• Títulos de secção
• Estrutura do documento
• Tipos de listas
• Citações

Exemplos de exercícios práticos:

• Implementação de mensagens de alerta acessíveis
• Análise da pertinência dos títulos de página
• Identificação de estruturas de documento adequadas
• Identificação de listas pertinentes

Dia 3 – MANHÃ

TEMÁTICAS RGAA 4 – CONTINUAÇÃO

– Apresentação da informação

• Utilização de estilos
• Texto ampliado
• Gestão de cores
• Conteúdo oculto
• Reorganização de conteúdo
• Espaçamento de texto
• Conteúdos adicionais

– Formulários

• Etiquetas de campos
• Posição das etiquetas
• Agrupamento de campos
• Agrupamento de opções
• Botões de formulário
• Campos obrigatórios e erros
• Recuperação de dados
• Atributos de preenchimento automático

– Navegação

• Navegação interna
• Links de evasão
• Ordem de tabulação
• Armadilhas de teclado
• Atalhos de teclado

– Consulta

• Limites de tempo
• Orientação
• Gestos complexos
• Cancelamento de interações
• Interações por movimento

Exemplos de exercícios práticos:

• Técnicas de ocultação de conteúdo
• Verificação de atributos de preenchimento automático
• Implementação de links de evasão

Formador

Facilitador que combina know-how com experiência empresarial e competências pedagógicas, para dar resposta a necessidades operacionais e potenciar a aprendizagem.