feat(ACCESSIBILITE): Navigation 12.6 Les zones de regroupement de contenus présentes dans plusieurs pages web (zones d'en-tête, de navigation principale, de contenu principal, de pied de page et de moteur de recherche) peuvent-elles être atteintes ou évitées ?

[celinelr]

P01 Accueil https://domifa.fabrique.social.gouv.fr/

Lien pour tester : domifa-rgaa-livrable-1.dev.fabrique.social.gouv.fr

Toutes les zones principales de la page ne peuvent pas être atteintes.

Exemples et corrections : Ajouter les rôles suivants aux grandes zones de la page :

• role="banner" pour l'en-tête principal du site (sur la balise
  ),
• role="main" pour le contenu principal (sur la balise
  ),
• role="navigation" sur le menu principal, (sur la balise
  ) ainsi qu'un aria-label="Menu principal",
• role="contentinfo" sur le pied de page (sur la balise
  ),

• role="search" sur le conteneur du moteur de recherche.

  Corrections retenues :

• [x] role="banner" pour l'en-tête principal du site (sur la balise
  ),
• [x] role="main" pour le contenu principal (sur la balise
  )
• [x] role="navigation" sur le menu principal, (sur la balise
  ) ainsi qu'un aria-label="Menu principal",
• [x] role="contentinfo" sur le pied de page (sur la balise
  ),
• [x] role="search" sur le conteneur du moteur de recherche.

Corrections non retenues + explication : Toutes les corrections retenues sont faites

[ErceauFloriane]

Corrections: - role="banner" pour l'en-tête principal du site --> Mise en place role="banner"sur la div qui entoure la nav - role="main" pour le contenu principal --> Mise en place role="main"sur la div qui entoure le contenu

• role="navigation" sur le menu principal + aria-label="Menu principal" --> Mise en place role="navigation"sur la div qui entoure le menu principal + ajout d'un aria-label="Menu principal" - role="contentinfo" sur le pied de page --> Mise en place role="contentinfo"sur la balise <footer/> - role="search" sur le conteneur du moteur de recherche --> Pas de conteneur de recherche

La sémantique des titres n'était pas correct (access + seo) --> Ajout d'un role="heading" aria-level="2" sur le span après le h1 "Simplifiez la domiciliation" afin de rendre la sémantique correct (voir extension HeadingMap). @celinelr

[ErceauFloriane]

Environnement de test : https://domifa-feat-rgaa-test.dev.fabrique.social.gouv.fr/ @celinelr

[celinelr]

onglet domicilié https://domifa-feat-rgaa-test.dev.fabrique.social.gouv.fr/manage

• [ ] Je ne vois pas de role main
• [ ] Je ne vois pas de role search

Aussi faut il faire cela sur toutes les autres pages du site ?

[ErceauFloriane]

Nous avons besoin d'un seul role main celui qui va au contenu principal de site --> présentation du produit Effectivement il y a une zone de recherche, j'ai rajouté le rôle search. @celinelr

[celinelr]

P01 Accueil https://domifa.fabrique.social.gouv.fr/

• [x] Je ne vois pas de role main

Liste des domicilés https://domifa-rgaa-livrable-1.dev.fabrique.social.gouv.fr/manage

• [x] Je ne vois pas de role main
• [x] Je ne vois pas de role search

[celinelr]

Je ne vois aucun role main sur les pages. D'ailleurs, en inspectant le code je vois cette confirmation grace à mon extension "assistant rgaa"

[celinelr]

Après vérification pas besoin d'ajouter un role="main" puisque tu utilises

"The element has a role of main. Developers should use semantic HTML -- in this case -- over using ARIA." https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/main_role

[celinelr]

@pYassine je ne pas pas recetter le ticket, l'environnement "domifa-rgaa-livrable-1.dev.fabrique.social.gouv.fr" n'est pas accessible

[celinelr]

@pYassine Il faudrait ajouter un role search sur la page suivante : https://domifa-preprod.dev.fabrique.social.gouv.fr/structures/inscription

[celinelr]

Merci, je valide

[celinelr]

Merci je valide