Projeto com foco em Acessibilidade na compra de passsagens aéreas para pessoas com deficiência visual desenvolvido durante a residência de software do Porto Digital Rise Up.
Para Implantar uma solução parecida será necessário a utilização de alguns programas e aplicações básicos para o seu desenvolvimento;
- 👩💻Luciana carla alves costa de araujo;
- 👨💻Leandro José da Silva Filho;
- 👨💻Ryan Silva de Menezes;
- 👩💻Samia Conceição Cadete da Silva;
- 👨💻Jonas Felix de Souza.
- Visual Studio ou uma IDE parecida para manipulação do código.
- NVDA (Leitor de Tela).
- Figma (para Projetar a ideia do site ao geral e quais seriam a sua função.
- Trello ( para organização de tarefas e backlog do Projeto)
- GitHub
- HTML
- CSS
- JavaScript
- Bootstrap
Apenas com a ferramenta do Visual Studio, com as extensões de Live Server, Auto Rename tag, Javascript, vai ser possivel executar e visualizar todo o progresso e todas as implementações que fizemos.
Usar elementos sermânticos, ou seja, de facil leitura para o computador, é essencial para que a acessibilidade seja alcançada com o código para que seja facilmente compreendido. Para que o Leitor de Tela consiga navegar com facilidade é necessário que os titulos, botões, tabelas, imagens,etc sejam incrementados de maneira correta, seguindo os padrões, e descrições, sem gambiarras.
Esse Modelo de programação é possivel usar em diversas outras aplicações, basta seguir a lógica do layout e dos parâmetros.
Depois de ter todas as ferramentas necessárias citadas acima, abra o Visual Studio, com as extensões ja faladas antes, e assim vai ser possivel fazer alterações e conseguir visualizar as mudanças ao vivo, do mesmo jeito que fazemos durante todo o projeto.
Para começar a implantação da solução é importante que a pagina contenha alguns aspectros:
- Conter o HTML Semantico (Com todas as tags bem estabelecidas e organizadas e ordenadas, para facilitar a leitura da maquina);
- Design simples e com alguns métodos que auxiliam, como descrição de botões e imagens;
- Barra de Navegação simples e com pouco botões;
- Botão de Acessibilidade com mudança de texto e de contraste da tela.
- Assistente Virtual em que é capaz de tirar dúvidas;
Um bom meio de utilizar o html semãntico é com explicações mais didaticas, e de explicações de desgin de css, como na pagina w3school por exemplo https://www.w3schools.com/html/html_accessibility.asp
Em Desgin e na questão de navegação de um site é importante ver alguns conceitos em alguns sites como por exemplo o https://getbootstrap.com/docs/5.2/getting-started/introduction
A maioria das paginas brasileiras não respeitam nem o básico de acessibilidade para deficientes visuais, então apenas fazendo coisas simples citadas acima se torna importante e necessário, e talvez assim, com esses aspectros de front-end conseguiremos fazer a mudança para que isso se torne uma pratica comum.