Aprenda as diretrizes de acessibilidade de conteúdo da web para tornar sites ou aplicativos acessíveis a todos, incluindo pessoas com deficiência, e melhorar a experiência geral do usuário. Como desenvolver produtos ou aplicativos digitais acessíveis? #AcessibilidadeWeb #DiretrizesAcessibilidadeWeb #Acessibilidade #SirSajjad #AcessibilidadeDigital #DiretrizesAcessibilidadeConteúdoWeb #WCAG
Link para download da apresentação sobre acessibilidade na web:
Como adicionar legendas ou subtítulos em vídeos do YouTube?:
Clique nos timestamps para ir a um tópico específico:
**********************************************
0:00 O que é acessibilidade na web?
2:00 Por que a acessibilidade é importante?
3:30 Diretrizes de acessibilidade
20:31 Ferramentas de teste de acessibilidade
23:19 Cheatsheet de acessibilidade
26:10 Recursos de acessibilidade
Recursos de Acessibilidade:
*************************
Acessibilidade na Web:
WAI-ARIA:
Ferramentas de Teste de Acessibilidade:
ChromeVox (Extensão Gratuita do Chrome)
Narrador do Windows (Aplicativo Integrado do Windows)
VoiceOver do Mac (Aplicativo Integrado do Mac)
WAVE - Teste Automatizado (Extensão Gratuita do Chrome)
Design Responsivo:
Diretrizes de Acessibilidade na Web:
*****************************
*Use texto, botões e controles maiores.
*Adicione contraste suficiente entre o texto e a cor de fundo.
*Adicione texto alternativo para todas as imagens não decorativas.
*Adicione legendas ou subtítulos e transcrições em todos os vídeos e áudios.
*Certifique-se de que o site seja acessível e utilizável apenas com o teclado, sem mouse.
*Garanta que todos os elementos de formulário sejam acessíveis usando apenas o teclado e na ordem correta.
*Use design, navegação, família de fontes, cor e tamanho de fonte consistentes em todo o site.
*O design deve ser responsivo para ficar bom em todos os dispositivos.
*Use código HTML semântico.
*A ordem de foco do tab do teclado deve ser lógica.
*Adicione link para pular navegação.
*Forneça tempo suficiente para completar uma tarefa.
*Faça com que seja intuitivo, fácil de entender e usar.
*Use linguagem simples, clara e concisa.
*Adicione instruções e ajuda para prevenção e recuperação de erros.
*Use ARIA para tornar controles JavaScript e jQuery acessíveis.
*Nunca use apenas cor para transmitir informações.
*Garanta a acessibilidade de arquivos PDF, Word e PowerPoint.
*Adicione links descritivos.
*Realize testes de acessibilidade.