[FO - Formulaire - Accessibilité - 10.2 et 10.3] [Audit fait] Pouvoir utiliser le formulaire quand les feuilles de styles sont désactivées

[emilschn]

Critères concernés

• [ ] Critère 10.2 [A] : Dans chaque page web, le contenu visible porteur d’information reste-t-il présent lorsque les feuilles de styles sont désactivées ?
• [ ] Critère 10.3 [A] : Dans chaque page web, l'information reste-t-elle compréhensible lorsque les feuilles de styles sont désactivées ?

Auto-audit

• Images à retailler
  • Footer : France Relance
  • Deuxième écran : Boite aux lettres
  • Type et composition du logement : picto d'illustration
  • Composition du logement : picto d'illustration pour Pièces à vivre, cuisine, salle de bains, toilettes
  • Votre situation : picto d'illustration
  • Désordres : pictos d'illustration
  • Accueil
  • Batiment / Logement
  • Liste des catégories de désordres
  • Chaque catégorie de désordre
  • La procédure : illustration
  • Récap désordres
• Tous les écrans : Masquer le bouton de validation du formulaire qui a la classe hidden-submit
• Sur plusieurs écrans à parcours progressifs, l'ensemble des éléments est affiché dès le départ de l'écran, alors que certains éléments devraient être masqués (voir ce que ça donne après cette tâche : https://github.com/MTES-MCT/histologe/issues/3117)
  • Sélection du profil du déclarant
  • Type de logement (maison/appart)
  • Composition du logement
  • Allocations logement
• Sélection du profil du déclarant : il y a deux boutons Suivant
• Champs de date : on ne peut pas sélectionner à la souris

[emilschn]

@numew @hmeneuvrier @sfinx13 Après différentes lectures à ce sujet (notamment ici : https://stackoverflow.com/questions/47809620/is-it-recommended-to-disable-css-to-check-a-website-for-accessibility), voici ce que je conclus :

• personne n'utilise les sites web sans style : faire cette démarche sert surtout à vérifier que la structure et l'ordre de lecture sont bons (notamment pour les vieux sites qui étaient construits avec des tableaux...) ; chez nous, c'est pas trop un souci !
• pas besoin de retailler les images
• les attributs hidden déjà ajoutés sur un autre ticket sur les éléments qui se masquent sont suffisants
• pas grave pour la sélection de date (de toute façon, c'est le navigateur qui gère)

Ce qu'il faut corriger tout de même :

• Tous les écrans : Masquer le bouton de validation du formulaire qui a la classe hidden-submit => ajouter l'attribut nécessaire ou supprimer ce bouton ?
• Sélection du profil du déclarant : il y a deux boutons Suivant => vérifier si on a bien ajouté l'attribut hidden