desafio-magalu-opensenses

Desafio FIAP - Magalu & Open Senses

Nossa equipe ganhou o segundo lugar deste desafio 🏆
O cenário "Dicas Úteis" foi escolhido para este desafio, seguindo o Product Backlog da aluna Larissa Vital.
Focamos na acessibilidade da página, conforme as diretrizes abaixo:
1 - Escolhemos a cor azul como paleta de cor majortitaria do nosso site, pois a maior parte dos daltônicos enxergam esta cor sem perda expressiva.
2 - Incluimos o menu de acessibilidade, acima da barra principal, para o usuário escolher opções que melhor condizem com suas necessidades individuais e facilitar sua navegação.
3 - No menu acessível temos as opções:
- Ir direto ao conteúdo: assim, usuários que utilizam o leitor de tela não precisam passar por todas as opções do menu antes de ter acesso ao conteúdo). Basta clicar uma vez na tecla tab e, depois, enter. Para navegar pelo conteúdo basta ir apertando tab e aguardar a leitura.
- Ir direto ao menu: assim, usuários que utilizam o leitor de tela podem ir direto ao menu sem precisar passar pelas demais opções do menu acessível). Basta clicar duas vezes na tecla tab e, depois, enter.
- Ir para o áudio-descrição: percebemos muitas limitações em um dos leitores de tela mais utilizados do mercado (NVDA) e, por isso, optamos em realizar nossa própria áudio-descrição do conteúdo. Basta seguir o passo a passo descrito no próprio site, após selecionar "Ir para áudio-descrição" no menu acessível, utilizando a navegação pela tecla tab, como nas opções anteriores. Essa opção também é relevante para semi analfabetos.
- Aumentar ou manter o tamanho da fonte: para aqueles que possuem baixa visão, incluimos a opção de aumentar a fonte em até 2x no nosso site, trazendo conforto visual e acessibilidade. O usuário poderá diminuir a fonte a qualquer momento igualmente.
- Aumentar ou manter o contraste da página: também pensando no público que possui sensibilidade visual, além daqueles que têm dislexia, colocamos a opção de contraste (modo noturno) em nosso site para uma navegabilidade fluída e harmônica. O usuário poderá voltar ao contraste normal / modo diurno a qualquer momento.
4 - Além do menu acessível, também trazemos informações e dicas relevantes para o público PCD em nossas Dicas Úteis, como falta de elevador em algumas estações de trem e metrô e a frota de táxis adaptadas ao público PCD em São Paulo (principalmente na saída dos aeroportos).
5 - Todo esse conteúdo pode ser compreendido pelo Assistente Virtual de Libras, disponível na lateral direita de nosso site no respectivo ícone, já conhecido por aqueles que possuem baixa ou nenhuma audição.
6 - Por fim, escolhemos as fontes sem serifa para facilitar a leitura de pessoas com dislexia a terem acesso às informações do nosso site, além de ícones que facilitam o entendimento do conteúdo proposto em cada seção da nossa página.

laramcj / testeheroku Goto Github PK

testeheroku's Introduction

desafio-magalu-opensenses

Desafio FIAP - Magalu & Open Senses

testeheroku's People

Contributors

Watchers

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent