Logo do curso
Curso

Acessibilidade Web:

manipulando WAI-ARIA e elementos interativos com Javascript

Quero estudar na alura

8h

Para conclusão

97

Pessoas nesse curso

9.1

Avaliação média

Certificado

De participação

Introdução_

O que você aprenderá_

  • Implemente e menus interativos com controle de submenus
  • Manipule modais com bloqueio de rolagem e fechamento via tecla Escape
  • Gerencie o foco e navegação por tabulação dentro de modais
  • Construa uma navegação por acordeão acessível com uso de ARIA
  • Crie estratégias para garantir uma experiência de usuário consistente e acessível

Público alvo_

O curso é destinado a pessoas desenvolvedoras front-end que já possuem conhecimentos básicos em HTML, CSS e JavaScript e desejam aprimorar suas habilidades em acessibilidade, manipulação de eventos e dinamismo em interfaces web.

Patrícia Silva

github

Sou Engenheira de Software, atualmente atuando com Fullstack Engineer, baseada em Portugal. Sou uma pessoa técnica entusiasmada que ama tecnologia. Trabalho como desenvolvedora web a mais de 14 anos. Ajudo desenvolvedores a melhorar suas habilidades, estou aberta para trocas de conhecimento com qualquer pessoa. No meu tempo livre sou mãe de plantas e de dois meninos. Adoro viajar, conhecer novas pessoas e estar em contato c/ a natureza. Foco e cuidado com a Experiência do usuário é o segredo do sucesso.

Curso atualizado em 07/02/2024

Ementa

  1. Inserindo dropdown

    • Criando o script do submenu
    • Adicionando os ouvintes de mouse e clique para abrir submenu
    • Implementando função para abrir e fechar submenu do menu dropdown
    • Melhorando a acessibilidade do menu dropdown
  2. Abrindo e fechando o modal inscrição

    • Modal inscrever
    • Adiciona lógica visibilidade modal
    • Fechar modal com esc
    • Fechar submenu esc
  3. Abrindo e fechando o acordeão

    • Adiciona lógica visibilidade do acordeão expandido
    • Adiciona suporte a acessibilidade acordeão
    • Adiciona a funcionalidade para fechar o acordeão e o suporte a acessibilidade
  4. Abrindo e fechando o modal “entrar em contato”

    • Adiciona lógica visibilidade do modal “contato”
    • Adiciona a lógica do modal “enviado”
    • Gerência o foco dentro do modal ao abrir o modal de contato
  5. Voltando o foco para o último elemento

    • Gerencia a tabulação dentro do modal
    • Adiciona a lógica para voltar o foco para o último elemento que recebeu o foco ao abrir o modal

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos
Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola

Pessoas estudando esse curso nesse mês:

Estude com elas

e mais 98 pessoas

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Aprenda JavaScript 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.

Matricule-se

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.

Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas