Check and improve accessibility with lighthouse
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 3/5
- Tempo estimado
- 1-2 dias
- Facilidade para iniciantes
- 45/100
- Tipo de issue
- Funcionalidade
- Clareza
- Razoavelmente clara
- Status de atividade
- Estagnada
- Stack de tecnologia
- javascript
- Domínio
- accessibility, frontend
Direção de pesquisa
Comece executando uma auditoria de acessibilidade do Lighthouse no site e analisando os problemas relatados; em seguida, inspecione os controles e o CSS deles quanto à navegação pelo teclado e aos estados de foco visíveis. O trabalho estará concluído quando a pontuação de Accessibility estiver acima de 80, todos os controles puderem ser operados pelo teclado, o estilo de foco for claro e um relatório HTML do Lighthouse estiver incluído no pull request.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
Acceptance Criteria
- A Lighthouse accessibility audit is conducted and achieves above 80 on Accessibility.
- The Lighthouse report (HTML) is included in the Pull Request.
- CSS provides clear focus states to visually indicate the currently active control.
- All website controls can be navigated and activated using only the keyboard.
Check out the resources section below to figure out how to implement this requirement.
Guidance 🧭
Lighthouse Accessibility Testing: https://supercooldesign.co.uk/blog/how-to-run-a-lighthouse-audit
- Linguagem predominante
- JavaScript
- Estrelas
- 9
- Forks
- 352
- Métricas de merge de PRs
- Nenhum PR com merge em 30d
Preparar o ambiente
Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de CodeYourFuture/Full-Stack-Project-Assessment
-
🚀 Check frontend deploymentAberta:framed_picture: Frontend :rocket: Deployment 📅 Week 1
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 55/100
-
Embed videosAberta🏕 Priority Mandatory 🐇 Size Small 📅 Week 2 🧩 Feature
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 45/100
-
Setup e2e testsAberta:framed_picture: Frontend ⚙️ Setup 🏝️ Priority Stretch 📅 Week 4 🔌 Backend 🧩 Feature
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 30/100
-
:framed_picture: Frontend 🏕 Priority Mandatory 📅 Week 4 🔌 Backend 🧩 Feature
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 45/100
-
:framed_picture: Frontend 🏕 Priority Mandatory 📅 Week 4 🔌 Backend
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 45/100
Todas as issues de CodeYourFuture/Full-Stack-Project-Assessment
Issues semelhantes
-
[bug] extension mappingAberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 64/100
-
bug code-annotation
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
quarto-dev/quarto-cli#15215 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 70/100
521xueweihan/HelloGitHub#4133 ·
-
Dificuldade 1/5 1-3 horas Facilidade para iniciantes 88/100
-
enhancement
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 68/100
Hugo-SA/receita-random#20 ·
Mantenedores costumam responder em até 1 dia