Check and improve accessibility with lighthouse
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Accessibilité débutants
- 45/100
- Type d'issue
- Fonctionnalité
- Clarté
- Plutôt claire
- Activité
- À l'abandon
- Stack technique
- javascript
- Domaine
- accessibility, frontend
Piste de recherche
Commencez par exécuter un audit d’accessibilité Lighthouse sur le site web et examiner les problèmes signalés, puis inspectez les contrôles et leur CSS pour la navigation au clavier et les états de focus visibles. Le travail est considéré comme terminé lorsque le score Accessibility est supérieur à 80, que tous les contrôles sont utilisables au clavier, que le style du focus est clairement visible et qu’un rapport HTML Lighthouse est inclus dans la pull request.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
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
- Langage dominant
- JavaScript
- Étoiles
- 9
- Forks
- 352
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de CodeYourFuture/Full-Stack-Project-Assessment
-
🚀 Check frontend deploymentOuverte:framed_picture: Frontend :rocket: Deployment 📅 Week 1
Difficulté 2/5 1-3 heures Accessibilité débutants 55/100
-
Embed videosOuverte🏕 Priority Mandatory 🐇 Size Small 📅 Week 2 🧩 Feature
Difficulté 2/5 1-3 heures Accessibilité débutants 45/100
-
Setup e2e testsOuverte:framed_picture: Frontend ⚙️ Setup 🏝️ Priority Stretch 📅 Week 4 🔌 Backend 🧩 Feature
Difficulté 4/5 3-5 jours Accessibilité débutants 30/100
-
Store date created on new videosOuverte:framed_picture: Frontend 🏕 Priority Mandatory 📅 Week 4 🔌 Backend 🧩 Feature
Difficulté 4/5 3-5 jours Accessibilité débutants 45/100
-
:framed_picture: Frontend 🏕 Priority Mandatory 📅 Week 4 🔌 Backend
Difficulté 3/5 1-2 jours Accessibilité débutants 45/100
Toutes les issues de CodeYourFuture/Full-Stack-Project-Assessment
Issues similaires
-
Difficulté 2/5 1-3 heures Accessibilité débutants 65/100
NaturalIntelligence/fast-xml-parser#888 · 1 commentaire ·
Les mainteneurs répondent en général sous 2 jours
-
bug callouts regression revealjs
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
quarto-dev/quarto-cli#15014 ·
Les mainteneurs répondent en général sous 1 jour
-
Remove: Fox Deportes SDOuvertecheck:passed feeds:remove
Difficulté 1/5 Moins d'une heure Accessibilité débutants 65/100
iptv-org/database#37176 · 1 commentaire · 1 réaction ·
Les mainteneurs répondent en général sous 9 jours
-
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
hawk-digital-environments/HAWKI#443 ·
Les mainteneurs répondent en général sous 1 jour
-
documentation v2
Difficulté 2/5 1-3 heures Accessibilité débutants 82/100
modelcontextprotocol/python-sdk#3662 ·
Les mainteneurs répondent en général sous 1 jour