Projet

Général

Profil

Scénario #36283

Accessibilité RGAA

Ajouté par Laurent Brillard il y a plus d'un an. Mis à jour il y a 3 mois.

Statut:
Nouveau
Priorité:
Normal
Assigné à:
-
Version cible:
Envole - Envole 9.4
Début:
06/01/2026
Echéance:
% réalisé:

0%

Points de scénarios:
-
Estimation basée sur la vélocité:

Description

Bonjour à tous,

J'ai pris le temps de faire un début d'audit du portail Ninegate au regard du RGAA https://accessibilite.numerique.gouv.fr/, essentiellement la page Accueil avec le bureau essentiel et le widget annonces et plus ponctuellement les autres pages. Les préconisations ci-dessous s'appliquent donc à la page Accueil et seront pour la plupart à reporter sur les autres pages Ninegate et peut-être à d'autres contenus dans les différentes pages.

Voici une liste de suggestions de modifications pour respecter les critères https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/ :
  • Critère 1.1 : Les images devraient avoir un attribut alt, qui pourrait reprendre l’attribut title.
  • Critère 1.2 : Les icônes Fontawesome qui ne sont pas associées à une commande (comme titre d’annonce) devraient avoir l’attribut alt="" ou aria-hidden="true"
  • Critère 2.1 : L’iframe id="page--200" devrait avoir un attribut title (=accueil ?)
    L’iframe "id="framemodal" devrait avoir un attribut title
  • Critère 3.2 : Le texte blanc sur fond vert qui est proposé par défaut dans les annonces n’est pas assez contrasté (2,951:1, devrait être supérieur à 4,5 pour du petit texte) donc remplacer couleur #00A996 par #018475
    Le texte des liens sur fond vert par défaut n’est pas assez contrasté (3,7:1, devrait être supérieur à 4,5) donc mettre couleurs des liens en noir
  • Critère 5.4 : Pour les pages qui ont des tableaux, par exemple /ninegate/user/group, le titre de tableau « Liste des groupes » devrait être associé au tableau ou repris par exemple avec l’attribut title
  • Critère 5.7 : Pour les pages qui ont des tableaux, par exemple /ninegate/user/group, chaque colonne de tableau devrait avoir un attribut id unique ou un attribut scope ou un attribut role="rowheader"
  • Critère 6.1 : Au minimum ajouter un attribut alt aux liens icônes en haut à droite ou doubler l’icône avec un texte cliquable
  • Critère 8.3 : Ajouter à la balise <html> l’attribut "lang="fr""
  • Critère 8.6 : Le nom de page est issu de la variable "appname". Il faudrait rajouter "- Accueil"
  • Critère 9.1 : Des éléments devraient avoir une balise :
    - onglets de page : H2
    - titres de widgets : H3
    - sous-titres dans les widgets (exemple les titres de chaque annonce) : H4
  • Critère 9.2 : Supprimer le doublon de titres H1 induit par littleheader
    Pour les pages avec sous-titres en bleu, par exemple /ninegate/user/group, ces sous-titres devraient être en H2 au lieu de H1
  • Critère 9.3 : Dans le bureau essentiel, les différents items devraient être rangés dans une liste
  • Critère 10.1 : Déplacer les attributs du code HTML : color: (associé aux icônes), frameborder dans une feuille de style
  • Critère 10.2 : Le widget Annonces (et peut-être d'autres) devrait rester affiché (quand on désactive les feuilles de style)
  • Critère 10.3 : Le widget Bureau essentiel devrait s’afficher en entier (il est tronqué quand on désactive les feuilles de style)
    De plus, toujours quand on désactive les feuilles de style, le menu haut est doublé et toutes les icônes widgets sont affichées (et même 2 fois), même si non activées pour l’utilisateur
  • Critère 10.7 : Il faudrait gérer le focus car le focus par défaut du navigateur n’est pas suffisamment visible pour certains éléments.
  • Critère 10.11 : Il faudrait rendre la page visible dans toute sa largeur pour un écran de 320 px de large sans défilement horizontal
  • Critère 12.6 : Il faudrait appliquer l’une des techniques requises, peut-être simplement structurer le contenu H1 > H2 > H3 > H4
  • Critère 12.9 : La tabulation devrait permettre d’accéder aux onglets de pages supplémentaires
  • Critère 13.1 : Il faudrait permettre à l’utilisateur de gérer / repousser la fin de la session authentifiée

En dehors des critères d'accessibilité RGAA, d'autres suggestions :

  • Si le bouton de changement de hauteur de bannière en haut à droite est maintenu, changer son texte en « Réduire / Augmenter la hauteur de la bannière »
  • Avoir un bouton en bas à droite permettant de remonter en haut de la page.
  • Spécifiquement pour la page /ninegate/config/group, ce serait bien qu'elle soit à affichage adaptatif comme les autres, en particulier le champ Rechercher qui s'en va loin à droite...

A discuter, compléter...
Merci d'avance !
Laurent

rgaa412_grille-audit Ninegate v20241122.ods (230 ko) Laurent Brillard, 22/11/2024 10:55

Historique

#1 Mis à jour par Arnaud FORNEROT il y a 9 mois

  • Tracker changé de Demande à Scénario
  • Début 22/11/2024 supprimé

#2 Mis à jour par Arnaud FORNEROT il y a 3 mois

  • Version cible mis à Envole 9.4
  • Début mis à 06/01/2026

Formats disponibles : Atom PDF