Aniversário
Alura 12 anos

20% OFF

Falta pouco!

00

DIAS

00

HORAS

00

MIN

00

SEG

Matricule-se com desconto especial do Gaules!

Logo do curso
Curso

Acessibilidade Web:

manipulando WAI-ARIA e elementos interativos com Javascript

Quero estudar na alura

8h

Para conclusão

960

Pessoas nesse curso

9.2

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 como Fullstack Engineer e baseada em Portugal. Sou uma profissional entusiasmada que ama tecnologia. Trabalho como desenvolvedora web há mais de 15 anos. Ajudo desenvolvedores a melhorar suas habilidades e estou aberta a trocas de conhecimento com qualquer pessoa. Sou mãe de plantas e de dois meninos lindos. Adoro viajar, conhecer novas pessoas e estar em contato com a natureza. O foco e o cuidado com a experiência do usuário são o segredo do sucesso.

Curso atualizado em 05/09/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

Este e mais 3 cursos fazem parte das seguintes formações

Nossas formações são uma sequência de cursos e conteúdo para você se profissionalizar e se tornar quem o mercado procura!
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 47 pessoas

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Escolha a duração
do seu plano

Conheça os Planos para Empresas