{"id":18867200,"url":"https://github.com/daviteixeira-dev/simple-wrong-web-page","last_synced_at":"2026-02-13T10:30:17.665Z","repository":{"id":171709705,"uuid":"646024951","full_name":"daviteixeira-dev/simple-wrong-web-page","owner":"daviteixeira-dev","description":"Telescope Landing Page with accessibility issues.","archived":false,"fork":false,"pushed_at":"2023-06-13T18:03:59.000Z","size":4868,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-30T22:31:49.314Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/daviteixeira-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-05-27T03:50:49.000Z","updated_at":"2023-06-19T01:13:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"a805ced2-1f8e-4d47-bd3c-cc2127048ae6","html_url":"https://github.com/daviteixeira-dev/simple-wrong-web-page","commit_stats":null,"previous_names":["daviteixeira-btm/simple-wrong-web-page","daviteixeira-dev/simple-wrong-web-page"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daviteixeira-dev%2Fsimple-wrong-web-page","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daviteixeira-dev%2Fsimple-wrong-web-page/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daviteixeira-dev%2Fsimple-wrong-web-page/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daviteixeira-dev%2Fsimple-wrong-web-page/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/daviteixeira-dev","download_url":"https://codeload.github.com/daviteixeira-dev/simple-wrong-web-page/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239816478,"owners_count":19701753,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-08T05:08:45.243Z","updated_at":"2026-02-13T10:30:17.611Z","avatar_url":"https://github.com/daviteixeira-dev.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Landing Page para a Venda de um Telescópio\n\n### 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.\n\n## Desafio\n\nA 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.\n\nO 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.\n\nPara 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.\n\n\u003ca href=\"https://accesshub.vercel.app/\"\u003eLink para a Página do AccessHub\u003c/a\u003e\n\nAlé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.\n\n\u003ca href=\"https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=pt-BR\"\u003eLink para o Plugin Google Lighthouse\u003c/a\u003e\n\nAtravé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.\n\n## Passo a passo\n\n1. Clone este repositório para fazer o download do projeto.\n2. Baixe o plugin do Google Lighthouse, disponível no Google Chrome.\n3. 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).\n4. 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:\n\n- Funcionalidade para pular navegação para o conteúdo principal;\n- Funcionalidade para mudar o tamanho da fonte dos texto da página;\n- Funcionalidade para mudar o contraste da página;\n- Funcionalidade para ouvir a descrição da primeira imagem da página;\n- Funcionalidade para acionar a máscara de leitura;\n- Navegação pelo teclado na tabela;\n- Estruturar corretamente o vídeo da página.\n\n5. Existem alguns problemas de semântica e detalhes de boas práticas de desenvolvimento faltando no projeto, tente resolve-los.\n\nVocê 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.\n\nO 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.\n\n\u003cimg src=\"/img/site-com-funcionalidades-acessibilidade.png\" /\u003e\n\n## Entrega do desafio\n\nA 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.\n\n\u003e 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.\n\n## Feedback\n\nA 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:\n\n\u003ca href=\"https://forms.gle/XuEUcFgB8YAiRM5h8\"\u003eLink para o questionario de Percepção sobre o projeto + Questionário TAM\u003c/a\u003e\n\nAgradeço demais a sua disponibilidade e participação! \n\n\u003cdiv align=\"center\"\u003e\nFeito com ❤️ por Davi Teixeira\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaviteixeira-dev%2Fsimple-wrong-web-page","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdaviteixeira-dev%2Fsimple-wrong-web-page","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaviteixeira-dev%2Fsimple-wrong-web-page/lists"}