Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/daviteixeira-dev/simple-wrong-web-page

Telescope Landing Page with accessibility issues.
https://github.com/daviteixeira-dev/simple-wrong-web-page

Last synced: about 6 hours ago
JSON representation

Telescope Landing Page with accessibility issues.

Awesome Lists containing this project

README 

        
# Landing Page para a Venda de um Telescópio



### Este projeto consiste no desenvolvimento de uma Landing Page para a venda de um Telescópio Refratário Astronômico Profissional. A página tem como objetivo apresentar e comercializar esse equipamento astronômico de alta qualidade, fornecendo aos entusiastas e profissionais da astronomia uma ferramenta poderosa para a exploração do céu noturno.



## Desafio



A acessibilidade desempenha um papel fundamental no desenvolvimento de aplicações web, pois visa garantir que pessoas com diferentes habilidades e necessidades possam interagir e utilizar os recursos da página de forma efetiva.



O desafio dessa pesquisa consiste em abordar e solucionar as questões de acessibilidade desta página que não atende aos requisitos básicos de acessibilidade, o que pode dificultar ou até mesmo impossibilitar o acesso e a compreensão do conteúdo para pessoas com deficiências visuais, auditivas, motoras ou cognitivas.



Para abordar esse desafio, será utilizado o website do AccessHub que oferece recursos e funcionalidades de acessibilidade prontos para uso. A partir desse site, o desenvolvedor enfrentará o desafio de implementar e integrar essas funcionalidades na página do telescópio, tornando-a mais acessível e proporcionando uma experiência inclusiva para todos os usuários.



Link para a Página do AccessHub



Além disso, espera-se também melhorar a pontuação de acessibilidade no Google Lighthouse, refletindo os esforços para atender aos padrões e diretrizes de acessibilidade.



Link para o Plugin Google Lighthouse



Através desse desafio, busca-se destacar a importância da acessibilidade na criação de aplicações web e demonstrar como é possível implementar soluções eficazes para tornar o conteúdo acessível a todos os usuários. Espera-se que os resultados dessa pesquisa contribuam não apenas para a melhoria da página do telescópio, mas também para conscientizar e incentivar outros desenvolvedores a priorizarem a acessibilidade em seus projetos.



## Passo a passo



1. Clone este repositório para fazer o download do projeto.

2. Baixe o plugin do Google Lighthouse, disponível no Google Chrome.

3. Execute o projeto, e em seguida utilize o plugin para ver a pontuação da página. (OBS: caso o plugin não funcione, tente utilizar ele por meio do Dev Tools do Google apertando F12 em seu teclado).

4. A partir disso, visite o site do AccessHub para aprender mais sobre acessibilidade Web, você vai precisar dele para implementar as seguintes funcionalidades ao projeto:



- Funcionalidade para pular navegação para o conteúdo principal;

- Funcionalidade para mudar o tamanho da fonte dos texto da página;

- Funcionalidade para mudar o contraste da página;

- Funcionalidade para ouvir a descrição da primeira imagem da página;

- Funcionalidade para acionar a máscara de leitura;

- Navegação pelo teclado na tabela;

- Estruturar corretamente o vídeo da página.



5. Existem alguns problemas de semântica e detalhes de boas práticas de desenvolvimento faltando no projeto, tente resolve-los.



Você pode ver um exemplo de como o site pode ser estruturado a partir da seguinte imagem, porém você pode optar por organizar o layout da página como preferir, desde que siga as regras de acessibilidade.



O ideal é que a pontuação obtida no Google Lighthouse esteja entre 90 - 100 nos requisitos de Acessibilidade e Boas Práticas para a entrega do desafio.






## Entrega do desafio



A partir da conclusão de todas as etapas do desafio, utilize o Google Lighthouse para ver sua pontuação total e nos envie um print juntamente com o código fonte do seu projeto em formato .zip no link do Drive disponibilizado pelo autor da pesquisa.



> Será fornecido um ID de usuário exclusivo para que possamos controlar os envios em pastas individuais, garantindo assim a organização e confidencialidade dos participantes da pesquisa.



## Feedback



A partir da sua experiência de implementação das funcionalidades de acessibilidade no site, responda o seguinte questionário para a realização dessa pesquisa:



Link para o questionario de Percepção sobre o projeto + Questionário TAM



Agradeço demais a sua disponibilidade e participação! 





Feito com ❤️ por Davi Teixeira