Retour aux cas pratiques
HTML5Expert
Refactorisation d'un portail institutionnel avec architecture sémantique avancée
Scénario
Contexte : Un portail gouvernemental contient de nombreuses sections (actualités, services, documents, contact). Le Problème : La structure actuelle repose uniquement sur des div imbriquées, rendant la navigation complexe pour les technologies d'assistance. Contraintes : Implémenter une architecture complète utilisant landmarks HTML5, aria-labels pertinents et hiérarchie de titres cohérente. Livrable attendu : Reconcevoir la structure globale du portail en utilisant header, nav, main, aside, section, article et footer tout en garantissant conformité accessibilité et lisibilité SEO.
Compétences ciblées
html5landmarksaccessibilityarchitecturesemantic