O que você aprenderá_
- Aprenda a utilizar leitores de tela
- Entenda e aplique regras da WCAG
- Avance no uso de diretivas
- Integre o seu componente com Reactive Forms
Público alvo_
Desenvolvedores e desenvolvedoras Angular experientes e preocupados com a acessibilidade do seu app.
Flavio Henrique de Souza Almeida
Flávio é desenvolvedor e instrutor, focado no desenvolvimento com Angular e procurando conciliar o frontend com o backend. Palestrou em conferências como QCON e MobileConf. É autor do best-seller "Cangaceiro JavaScript". Além da sua graduação e MBA em TI, também é graduado em Psicologia, aplicando os aprendizados desta área no desenvolvimento de software e de aplicações web.
Curso atualizado em 22/05/2023
Já estuda na Alura?
Comece o curso agoraEmenta
Preparando o terreno, primeiro componente
- Componente
- Foco e acessibilidade
- Lógica de ativação
- Acessando enums através do template de componentes
- Binding de classes
- Event Binding
- Sobre o two-way data binding
Integração com Reactive Forms
- Criando um formulário
- Sobre o FormGroup
- A interface ControlValueAccess
- NG_VALUE_ACESSOR
- Sobre forwardRef
- NgModel
Acessibilidade
- Acessibilidade do nosso componente
- Sobre Screen Readers
- WCAG e atributos ARIA
- O atributo role
- Garantindo ID único
- Isolando biblioteca externa
Lidando com o teclado
- Teclado e regras da WCAG
- Tabindex
- Efeito do tabindex 0
- Keyboard Manager Directive
- Escutando a eventos do elemento host
- Keyboard ManagedItem Directive
- O decorator @ContentChildren
- Implementando a lógica do teclado
- Finalizando a nossa lógica
Revisando o nosso componente
- O estado disabled
- Acessibilidade e o estado disabled
- Disable Control Directive
- Injeção de um Control
- Visitando o nosso componente mais uma vez
- SCSS e extends
- Conclusão
Descubra se esse curso é pra você! Leia as primeiras aulas
-
Formação
Angular: construindo aplicações acessíveis e avançando em testes automatizados
10h
De curso
56
Atividades
Escola
Front-end
Pessoas estudando esse curso nesse mês:
Estude com elas
João Vitor de Souza Barbosa
Henrique Urbano
Luciano Souza de Jesus
Bruna Martins Gomes de Oliveira
Wesley Bruno de Souza
e mais 124 pessoas
e mais 124 pessoas
Faça parte da nossa comunidade no discord!
Troque conhecimentos com a comunidade da Alura
nossos alunos e alunas
Experiências de quem já mergulhou com a gente.
Aprendi mais sobre o universo Angular...Obrigado Professor Flávio e equipe Alura.
Angular: design de componentes com acessibilidade
Victor Hugo
um dos melhores cursos da Alura, com certeza, acessibilidade e Flávio juntos são nota 10.
Angular: design de componentes com acessibilidade
João Paulo Hotequil
Excelente. A Internet é um espaço democrático. Tendo essa visão como premissa, devemos incluir a todos a usufruir do conteúdo que ali é postado. Nesse sentido, pensar em acessibilidade é democratizar esse conteúdo disponibilizado na grande rede. Todo desenvolvedor front-end deveria ter esse princípio como lema. O curso somou a outros que fiz sobre o tema acessibilidade. Valeu a pena.
Angular: design de componentes com acessibilidade
Luiz Peralta
Aprenda Angular com esse e outros cursos, comece agora!
Plus
De
R$ 1.800
12X
R$109
à vista
R$1.308
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
Pro
De
R$ 2.400
12X
R$149
à vista
R$1.788
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
- Luri powered by ChatGPT
Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com Luri até 100 mensagens por semana.
- Alura Língua (incluindo curso Inglês para Devs)
Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.
Acesso completo
durante 1 ano
Estude 24h/dia
onde e quando quiser
Novos cursos
todas as semanas