Formações Front-end Acessibilidade e tecnologias web: técnicas em HTML, CSS e JavaScript para projetos inclusivos

Formação Acessibilidade e tecnologias web: técnicas em HTML, CSS e JavaScript para projetos inclusivos

Acessibilidade em HTML, CSS e JavaScript: tornando aplicações web acessíveis

* Esta formação faz parte dos nossos cursos de Front-end

Quero Estudar na Alura
32h

Para conclusão

4
Cursos
1
Vídeo extra
1
Podcast
4
Artigos

Acessibilidade e tecnologias web: técnicas em HTML, CSS e JavaScript para projetos inclusivos

Por que estudar esta formação?

  • Guia de aprendizado

    Conteúdos pensados para facilitar seu estudo

  • Do básico ao avançado

    Formação completa para o mercado

  • Você dentro do mercado

    Do zero ao sonhado emprego em sua área de interesse

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

Conheça os planos

Com quem você vai aprender?

  • Patrícia Silva

    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.

  • Patrícia Silva

    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.

  • Luan Alves

    Sou Luan Alves, estudante de Análise e Desenvolvimento de Sistemas, instrutor de Desenvolvimento Front-End no Grupo Alura. Estou aqui para ajudar a tirar suas dúvidas, aprender e compartilhar conhecimento. :)

  • Luan Alves

    Sou Luan Alves, estudante de Análise e Desenvolvimento de Sistemas, instrutor de Desenvolvimento Front-End no Grupo Alura. Estou aqui para ajudar a tirar suas dúvidas, aprender e compartilhar conhecimento. :)

  • Antônio Evaldo

    Instrutor e Desenvolvedor de Software nas escolas de Front-end e de Programação da Alura, com foco em JavaScript. Sou técnico em Informática pelo IFPI e cursei Engenharia Elétrica na UFPI. Sou apaixonado por desenvolvimento web e por compartilhar conhecimento de forma encantadora. No tempo livre, assisto séries, filmes e animes.

  • Antônio Evaldo

    Instrutor e Desenvolvedor de Software nas escolas de Front-end e de Programação da Alura, com foco em JavaScript. Sou técnico em Informática pelo IFPI e cursei Engenharia Elétrica na UFPI. Sou apaixonado por desenvolvimento web e por compartilhar conhecimento de forma encantadora. No tempo livre, assisto séries, filmes e animes.

Passo a passo
  1. 1 Acessibilidade Web: estratégias com HTML e CSS

    Neste passo, você mergulha nas técnicas e práticas que tornam o conteúdo web acessível. Elas abordam desde a implementação de HTML semântico até o ajuste de CSS para melhorar a acessibilidade visual, utilizando ferramentas de teste com base nas orientações da WCAG e leitores de tela para testar a usabilidade. Combinando teoria e prática para criar sites que não só atendam aos padrões da web, mas também forneçam uma experiência inclusiva para usuários com diversas habilidades.

    O que você vai aprender:

    • Aplique semântica correta em código HTML: Utilize tags HTML de forma adequada, aplicando semântica a cada elemento para melhorar a acessibilidade da aplicação.
    • Compreenda e aplique as diretrizes WCAG: Familiarize-se com as Diretrizes de Acessibilidade para Conteúdo Web (WCAG) e implemente práticas que garantam a acessibilidade digital.
    • Utilize ferramentas de teste de acessibilidade digital: Implemente ferramentas especializadas para avaliar a acessibilidade de seu site, identificando e corrigindo potenciais erros que possam prejudicar a experiência de usuários com ou sem deficiência.
    • Construa formulários acessíveis: Desenvolva formulários web de maneira inclusiva, garantindo que sejam navegáveis e compreensíveis por todos os usuários.
    • Conheça e aplique unidades de medida para acessibilidade visual: Utilize unidades de medida relativas, como em, rem, para garantir que o conteúdo seja escalável e adaptável a diferentes configurações de acessibilidade visual.
    • Aprenda a publicar seu site na Web através do repositório do Github: Adquira conhecimentos sobre como utilizar o Github para publicar seu site na Web.
    • Vídeo Acessibilidade na Web - Alura Live#47 - YouTube

    • Artigo Acessibilidade na web: principais conceitos | Alura

    • Site Acessibilidade web - Hipsters #21 - Hipsters Ponto TechHipsters Ponto Tech

    • Curso CSS: ajustando a acessibilidade visual em um projeto

      06h
      • Aprenda os fundamentos e importância da acessibilidade na web
      • Utilize técnicas CSS para melhorar a experiência do usuário
      • Adapte layouts para diferentes dispositivos e preferências dos usuários
      • Empregue ferramentas de testes de acessibilidade em projetos web
      • Personalize um projeto com foco na acessibilidade visual, de acordo com as diretrizes de acessibilidade da WCAG (Web Content Accessibility Guidelines)
      • Aplique contraste de cores, espaçamentos e destaques e entenda sua importância
      • Publique seu site na web com ajuda do GitHub
    • Curso Acessibilidade no HTML: escrevendo códigos semânticos para inclusão

      06h
      • Aprenda a estruturar códigos semânticos em HTML para acessibilidade
      • Desenvolva técnicas para criar texto alternativo eficaz para imagens e conteúdo visual
      • Empregue métodos para desenvolver uma navegação acessível, incluindo links e menus
      • Aprimore o entendimento dos princípios básicos da acessibilidade e das diretrizes WCAG
      • Saiba como identificar e corrugir erros comuns relacionados à acessibilidade em sites
      • Utilização de ferramentas de teste para verificar a acessibilidade de páginas web
      • Crie formulários acessíveis, com ênfase na usabilidade para todos os usuários
    • Artigo HTML: o que é, como aprender e um Guia para iniciantes | Alura

  2. 2 Acessibilidade com JavaScript: implementando elementos interativos

    Você está prestes a embarcar em uma jornada empolgante com nosso curso de desenvolvimento web acessível! Este passo da formação foi meticulosamente projetado para permitir que você mergulhe na interatividade e acessibilidade na web.

    O que você vai aprender:

    • Interatividade avançada: Domine a arte de criar menus interativos com controle sofisticado de submenus.
    • Manipulação de modais: Aprenda a gerenciar modais com bloqueio de rolagem e a habilidade de fechar usando a tecla Escape.
    • Foco e navegação: Torne-se um especialista em gerenciar o foco e a navegação por tabulação dentro dos modais, uma habilidade crucial para acessibilidade.
    • Acordeão acessível: Construa uma navegação por acordeão usando ARIA para garantir uma experiência de usuário perfeita e acessível.
    • Estratégias de UX: Crie estratégias para assegurar uma experiência de usuário consistente e acessível, um diferencial no mercado atual.

    Cada aula é repleta de conteúdo prático e aplicável, desde a apresentação do projeto base até a conclusão com estratégias avançadas e dicas finais. Você terá acesso a orientações detalhadas sobre HTML, JavaScript, e muito mais, todas focadas na acessibilidade.

  3. 3 Praticando todos os seus conhecimentos em acessibilidade

    Prepare-se para a etapa final da formação. Aqui, você irá revisar e praticar todas as suas habilidades de HTML, CSS e JavaScript em um novo projeto, conhecendo novos cenários e situações. Este módulo é onde você consolida seus conhecimentos, além de aprender novos conceitos e padrões de implementação acessíveis da APG.

    O que você vai aprender:

    • Avaliação de acessibilidade: Aprenda a fazer desde revisões rápidas até avaliações complexas de acessibilidade em projetos web.
    • Uso avançado do NVDA: Descubra novos atalhos e recursos do leitor de tela NVDA para avaliar e melhorar a acessibilidade.
    • Melhorias em links e botões: Aplique técnicas essenciais para tornar links, botões, e formulários mais acessíveis e intuitivos.
    • Estrutura e SEO: Implemente headings (h1, h2) para melhorar a estrutura da página e otimização para motores de busca.
    • Os padrões web ARIA e APG: Conheça e aplique padrões web essenciais, incluindo atributos ARIA e roles para melhorar a navegabilidade e acessibilidade.

Escola

Front-end

Além dessa, a categoria Front-end conta com cursos de HTML, CSS, React, Angular, JavaScript, jQuery,e mais...

Conheça a Escola

Comece a estudar agora na maior escola de tecnologia do país

Conheça os Planos para Empresas