Implementacao de Acessibilidade Web

[CarlosZiegler]

Ola Pessoal, trazendo uma outra proposta aqui. Vejo que o @filipedeschamps tem sempre o objetivo de trazer todo seu conteudo de forma a deixar isso acessivel para todos os niveis de programadores/ apaixonados por TI. E acho que quando estamos implementando um projeto como esse, o ideal seria se atentar na implementacao de acessibilidade digital, para ajudar na inclusao de todos.

O que é a acessibilidade web?
A Acessibilidade web envolve uma série de recursos que possibilitam a navegação, a compreensão e a interação de todas as pessoa na internet, independentemente de suas dificuldades ou limitações.
Isso significa que sites, ferramentas e tecnologias são projetados, desenvolvidos e codificados adequadamente para que pessoas com deficiências permanentes ou com incapacidades momentâneas possam usá-los. Dessa forma as pessoas, independentemente de suas limitações, podem perceber, entender, navegar, interagir e contribuir para o ambiente em que aquela página ou programa é disponibilizado na web.

Publico Alvo
Pessoas cegas
Usuários cegos utilizam sites por meio de um leitor de tela, que é navegado exclusivamente pelo teclado. Para fazer esse teste, considere navegar em seu site com a tecla TAB. Verifique se você consegue chegar em todos os inputs e botões possíveis, realizar ações com eles de forma sequencial.

Pessoas com baixa visão ou daltônicas
Usuários com daltonismo ou baixa visão utilizam funções de alto contraste ou adaptações de cores para imagens e textos. Sua página possui alguma destas opções?

Pessoas surdas ou com audição comprometida
Pessoas surdas fazem uso do transcritor de texto em língua de sinais integrado ao site e também, de descrições em vídeos. Seu site possui alguma opção de tradução livre em língua de sinais?

Dislexia e outras deficiências intelectuais
Esse grupo de pessoas possui dificuldade em interagir com elementos da tela muito pequenos ou de acesso complexo, como menus em navbars ou botões mal posicionados.

Web Content Accessibility Guidelines (WCAG)

• Navegação limpa
• Ordem de tabulação
• Marcos e mapas do site
• Estrutura do HTML
• Títulos expressivos
• Cabeçalhos bem inseridos e definidos
• Listas de conteúdo
• Texto
• Contraste
• Cor
• Imagens descritivas

Referencia: https://dev.to/aryclenio/um-guia-pratico-da-acessibilidade-web-parte-1-meu-site-e-acessivel-39do

[thenriquedb]

Coincidentemente este é um assunto que venho estudando bastante ultimamente, com isso gostaria de indicar algumas referencias caso alguém queira se aprofundar e mais sobre o assunto!.

• Acessibilidade na Web: Boas práticas para construir sites e aplicações acessíveis
• Acessibilidade web – Hipsters #21
• Programar sem enxergar – Hipsters #82
  
• Repositório com links relacionados a diversos assuntos.
• Hipsters Ponto Talks #8 - Acessibilidade Web

[filipedeschamps]

Que issue sensacional @CarlosZiegler 😍

E @thenriquedb muito obrigado pela curadoria do material 👍

Vocês topam serem os guardiões desse assunto? Como vocês possuem mais experiência, poderão nos guiar ao longo das implementações/PRs e entender se estamos atendendo a esses critérios. Seria uma experiência maravilhosa ir aprendendo mais sobre acessibilidade ao longo dos PRs, e ir ajustando os itens em tempo de execução. Tenho certeza que muita gente vai aprender só de acompanhar essas trocas de informação 🤝

[CarlosZiegler]

@filipedeschamps agradeco mas acredito que so levantei a bola e o @thenriquedb cortou ahah. Vou acompanhar o projeto e me aprofundar mais sobre o assunto com os links que foram passados.

[Dgdiniz]

Olá, isso tem a ver com ARIA (Accessible Rich Internet Applications), certo? Lembro que quando criei um site pro meu canal do Youtube comecei a estudar sobre isso mas acabei não avançando. Vi o básico apenas, principalmente do link abaixo, que tem bastante coisa:

https://developer.mozilla.org/pt-BR/docs/Web/Accessibility/ARIA

[filipedeschamps]

Turma, acessibilidade é uma feature que precisa estar no projeto desde o dia zero. Assim como eu pedi a permissão para ser o Guia que vai tentar deixar as coisas o suficientemente simples, vamos elencar um Guia para os assuntos de acessibilidade? E temos uma ótima chance de fazer isso, que é na Milestone 2 (a próxima) onde será a primeira onde iremos disponibilizar conteúdos de valor concreto para internet.

Então para não ter chance disso acabar sendo esquecido, eu acabei de editar o primeiro comentário lá da issue RFC das Milestones, e adicionei um item específico para definirmos quem será esse Guia (ou como iremos abordar isso) 🤝

[filipedeschamps]

Turma, como eu já adicionei isso no RFC da Milestone 2, e vou criar uma issue específica para definirmos quem vai querer ser o Guia desse assunto, eu vou fechar essa issue e fazer referência a ela (até porque ela lista materiais sensacionais), combinado? 🤝