https://github.com/edijunior88/freecodecamp_acessibilidade_aplicada

No desenvolvimento web, a acessibilidade refere-se ao conteúdo da web e uma UI (interface do usuário) que pode ser compreendida, navegada e interagida por um público amplo. Isto inclui pessoas com deficiência visual, auditiva, de mobilidade ou cognitiva.
https://github.com/edijunior88/freecodecamp_acessibilidade_aplicada

accessibility acessibilidade acessibilidade-em-sites acessibility-tools html html5

Last synced: 3 months ago
JSON representation

No desenvolvimento web, a acessibilidade refere-se ao conteúdo da web e uma UI (interface do usuário) que pode ser compreendida, navegada e interagida por um público amplo. Isto inclui pessoas com deficiência visual, auditiva, de mobilidade ou cognitiva.

• Host: GitHub
• URL: https://github.com/edijunior88/freecodecamp_acessibilidade_aplicada
• Owner: EdiJunior88
• License: mit
• Created: 2021-11-29T23:51:24.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-05-02T16:21:02.000Z (about 1 year ago)
• Last Synced: 2025-01-22T19:24:05.214Z (4 months ago)
• Topics: accessibility, acessibilidade, acessibilidade-em-sites, acessibility-tools, html, html5
• Language: HTML
• Homepage: https://edijunior88.github.io/FreeCodeCamp_Acessibilidade_Aplicada/
• Size: 55.7 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
FreeCodeCamp

Acessibilidade Aplicada




  No desenvolvimento web, a acessibilidade refere-se ao conteúdo da web e uma UI (interface do usuário) que pode ser compreendida, navegada e interagida por um público amplo. Isto inclui pessoas com deficiência visual, auditiva, de mobilidade ou cognitiva.

  


  Nesse curso, você aprenderá as melhores práticas para a construção de páginas da Web que sejam acessíveis a todos.





**Link do slide do curso: [https://edijunior88.github.io/FreeCodeCamp_Acessibilidade_Aplicada/](https://edijunior88.github.io/FreeCodeCamp_Acessibilidade_Aplicada/)**



Tecnologias Utilizadas


Para ver todas as tecnologias [clique aqui](/techstack.md)





  
Adicionar um texto alternativo em imagens para acessibilidade de deficientes visuais

  
Saber quando o texto alternativo (alt) deve ser deixado em branco

  
Usar títulos para criar relações hierárquicas de conteúdo

  
Saltar para o conteúdo diretamente usando o elemento main

  
Envolver conteúdos usando o elemento article

  
Facilitar a navegação do leitor de tela com o ponto de referência header

  
Facilitar a navegação do leitor de tela com o ponto de referência nav

  
Facilitar a navegação do leitor de tela com o ponto de referência footer

  
Melhorar a acessibilidade de áudios com o elemento audio

  
Melhorar a acessibilidade de gráficos com o elemento figure

  
Melhorar a acessibilidade de campos de formulário com o elemento label

  
Envolver botões de opção em um elemento fieldset para melhor acessibilidade

  
Adicionar um seletor de data acessível

  
Padronizar o tempo com o atributo datetime no HTML5

  
Tornar elementos visíveis apenas para leitores de tela usando CSS personalizado

  
Melhorar a legibilidade com textos de alto contraste

  
Evitar problemas de daltonismo usando o contraste suficiente

  
Evitar problemas de daltonismo escolhendo cuidadosamente as cores informativas

  
Dar significado aos links usando textos descritivos

  
Fazer com que os links fiquem navegáveis ​​com chaves de acesso HTML

  
Usar tabindex para adicionar foco a um elemento usando o teclado

  
Usar tabindex para especificar a ordem do foco em vários elementos usando o teclado







Curso: :green_book: :books: 22 capítulos



Status do Curso: :white_check_mark: Concluído