Objectif : améliorer un projet réalisé dans le cours “Projet interface (site web responsive)”, ou un autre projet web réalisé dans un cours précédent. Optimiser l’accessibilité et la performance frontend, dans le but d’obtenir les scores maximum dans les outils de test.

DĂ©roulement

  • 9 dĂ©cembre : introduction au sujet de l’accessibilitĂ©.
  • 16 dĂ©cembre : approfondissement et choix du projet Ă  amĂ©liorer.
  • 23 dĂ©cembre : approfondissment.
  • 13 janvier : appliquer optimisations.
  • 20 janvier: documentation, restitution.

Evaluation

Critères de base :

  1. Une optimisation A11Y effectuée - 1pt
  2. Une optimisation Performance effectuée - 1pt
  3. Gestion Git effectuée (publié sur Git) - 1pt

Critères d’approfondissement :

  1. Expliquer les optimisations - 2pts
    • Sous forme de document Ă©crit. Montrer le “avant/après”.
    • Alternative: sous forme d’un explicatif enregistrĂ© (vidĂ©o).
  2. Qualité de la gestion Git - 1pt
    • Le nombre de commits.
    • Les messages / descriptions dans les commit.

Critères à améliorer sur votre site

Critères Accessibilité

Une liste non-exhaustive de critères:

  • Code sĂ©mantique, choix des balises HTML
  • Alternatives textuelles (attributs alt sur les images, transcription des vidĂ©os…)
  • Contraste des couleurs (texte et fond), ratio du contraste
  • LisibilitĂ©, choix de fonte, taille de texte
  • Navigation (accessible par clavier, par touch screen…). La prĂ©sence d’un fil d’ariane peut aider.

Critères Performance

  • Images
    • dimensions (hauteur/largeur)
    • compression
    • formats de nouvelle gĂ©nĂ©ration (WebP, AVIF)
    • utiliser SVG quand appropriĂ©
    • vidĂ©o plutĂ´t que Gif animĂ©
  • Fontes : rĂ©duire nombre de fontes utilisĂ©es

Voir document Figma de référence

Liens et ressources

Outils de vérification