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
    Refactorisation d'un portail institutionnel avec architecture sémantique avancée — mise en situation HTML5 | CodeDuel