Problèmes mineures sur le thème de base de Simplicité v5.3

[FlorentGN (Florent GAUDIN)]

Request description

Bonjour,

Nous constatons des petits problèmes de CSS mineures sur le thème de base de Simplicité v5.3 par rapport à celui présent en v5.2.

Je ne sais pas si c’est quelque chose de voulu de votre côté mais si ce n’est pas le cas ça vaut peut être le coup d’inclure les modifications dans Simplicité directement pour éviter de devoir faire les mêmes corrections de CSS sur chaque application lors du passage en v5.3.

Steps to reproduce

Le texte des boutons “Enregistrer & Créer” et “Enregistrer & Copier” n’est plus sur une ligne (+ perte des marges gauche et droite) :

Lorsqu’on passe la souris sur un bouton le curseur “mains” n’apparait pas toujours :

C’est vraiment du détails mais bon

Technical information

Instance /health

[Platform]
Status=OK
Version=5.3.14
BuiltOn=2023-09-14 16:00
Git=5.3/3426322921bcc8643efdc55d9062fa8fd800eeb8
Encoding=UTF-8
EndpointIP=
EndpointURL=
TimeZone=Europe/Paris
SystemDate=2023-09-20 12:06:30

[Application]
ApplicationVersion=1.0.0
ContextPath=
ContextURL=
ActiveSessions=1
TotalUsers=3
EnabledUsers=1
LastLoginDate=2023-09-20 12:02:06

[Server]
ServerInfo=Apache Tomcat/9.0.80
ServerType=WEB
ServerActiveSessions=1
ServerSessionTimeout=30
CronStarted=true

[OS]
Name=Linux
Architecture=amd64
Version=3.10.0-1160.92.1.el7.x86_64
SystemEncoding=UTF-8

[Disk]
DiskFree=28940
DiskUsable=24783
DiskTotal=100701

[JavaVM]
Version=17.0.1
Vendor=Eclipse Adoptium
VMName=OpenJDK 64-Bit Server VM
VMVersion=17.0.1+12
ScriptEngine=rhino
ScriptEngineVersion=Rhino 1.7.13 2020 09 02
HeapFree=103774
HeapSize=318464
HeapMaxSize=524288
TotalFreeSize=309598

[Cache]
ObjectCache=286
ObjectCacheMax=10000
ObjectCacheRatio=2
ProcessCache=286
ProcessCacheMax=10000
ProcessCacheRatio=2
APIGrantCache=0
APIGrantCacheMax=1000
APIGrantRatio=0

[Database]
Vendor=3
ProductName=PostgreSQL
ProductVersion=11.20
DriverName=PostgreSQL JDBC Driver
DriverVersion=42.6.0
DBDate=2023-09-20 12:06:30
DBDateOffset=0
DBPatchLevel=5;P03;6fe15f9e90e4e748520be6bc2eee7a45
UsingBLOBs=true

[Healthcheck]
Date=2023-09-20 12:06:30
ElapsedTime=334

[Francois (François Genestin)]

Merci pour ton retour,

On a vu et corrigé ce problème récent hier.
En fait nous sommes en train de revoir les interfaces pour être compatible RGAA 4 / WCAG 2.1. car c’est devenu bloquant pour certains services publiques, on ne peut pas attendre la V6.

Par exemple ici, les anciens “li” clickables sont remplacés par des “li>a href” pour des accès au clavier.
Certains styles n’ont pas bien suivi. Merci de nous les signaler.

(on voit aussi que le bleu des boutons est plus contrasté)

[FlorentGN (Florent GAUDIN)]

Oui j’avais également vu la différence de couleur sur les boutons, mais je n’ai pas osé le mettre dans la liste pour le coup (j’ai remarqué que la couleur est un peu plus foncée sur les “btn-primary” et “btn-success”).
On a également l’icone du bouton recherche qui devient blanc quand on passe la souris si une recherche est active.

v5.1 :

v5.3 :

[FlorentGN (Florent GAUDIN)]

Sur les champs type HTML en lecture seul qui on une aide simple, le bouton de l’aide n’est pas positioné à droite du champ (déjà présent en v5.1) :

[FlorentGN (Florent GAUDIN)]

Le problème de CSS constaté sur les boutons “Enregistrer & Créer” et “Enregistrer & Copier” est également présent pour les boutons permettant de changer la disposition des sous onglets.

Simplicité v5.1

Simplicité v5.3

[Francois (François Genestin)]

Merci, ça fait suite aux récentes évolutions WCAG/RGAA, il faut désormais utiliser des “ul>li>a” avec des roles ARIA “menu>presentation>menuitem”, et non plus de simples “ul>li” clickables.

Ce sera corrigé avec le pb d’alignement du div d’un champ HTML en lecture seule avec bouton d’aide, auquel il manquait aussi un “tabindex” pour pouvoir y naviguer/scroller au clavier.