Utilisateur:Lgd/Palettes/Archives

newCollapsible sert à développer et à tester de nouvelles fonctionnalités améliorées de boîtes et palettes déroulantes. Si vous rencontrez un problème avec celles-ci :

• prévenez le coupable en lui laissant un message (autant que possible, indiquez votre système d'exploitation, votre navigateur, l'éventuel autre gadget ou option des préférence ou autre script avec lequel apparaît le problème);
• au besoin, désactivez immédiatement le gadget en décochant la case « newCollapsible » dans l'onglet « gadgets » > section « Pages » de vos préférences.

De quoi s'agit-il ?

Les palettes de navigation ({{Méta palette de navigation}}) et les boîtes déroulantes ({{Boîte déroulante}}) sont massivement employées (340 000 pages au minimum). Mais elles présentent actuellement plusieurs défauts importants :

• elles utilisent deux fonctions javascript locales (Mediawiki:Common.js) redondantes et limitées côté performances (ce qui ralentit l'affichage pour tous les lecteurs et pénalise particulièrement les utilisateurs de machines peu puissantes)
• leur ergonomie et leur design ne sont plus cohérents avec l'habillage Vector qui offre, dans le menu de gauche, une fonctionnalité similaire mais mieux signalée (les flèches signalant la possibilité d'ouvrir ou de fermer un menu). Le même constat peut être fait en regardant la version mobile de Wikipédia où la même signalétique que celle de l'habillage Vector est utilisée pour l'accès au contenu.
• elles reposent sur un code HTML qui est inutilement lourd (performances, là encore) et qui est pénalisant du point de vue de l'accessibilité, notamment en raison de l'usage de tableaux non sémantiques.

Depuis mediawiki 1.18, nous disposons d'un script natif (jQuery.makeCollapsible) qui permet d'envisager une refonte de ces modèles pour en corriger les différents défauts. Ce script n'est lui-même pas exempt de défaut, ce qui complique un peu les choses...

Objectifs de la refonte des palettes de navigation et des boîtes déroulantes

Objectifs certains:

• Intégration : Amélioration de la structure sémantique (fin des tableaux détournés/imbriqués, remplacés par des DIV et des listes UL)
• Accessibilité : structure accessible (listes UL imbriqués), lien d'ouverture/fermeture rendu explicite (title), possibilité de tirer parti de la couche d'accessibilité ARIA (aria-expanded + role navigation)
• Performances : recours à la nouvelle fonction javascript d'ouverture/fermeture native dans mediawiki au lieu des deux fonctions actuelles qui alourdissent le traitement javascript ; recours exclusif à des classes CSS pour alléger le code HTML en supprimant les attributs style
• Ergonomie : alignement du rendu du système d'ouverture/fermeture sur les usages courants et sur le design vector/WP mobile, avec une même icône d'état

Objectifs à négocier:

• Design : frein aux sapins de Noël, cohérence de couleurs par projets/thématiques (gestion des couleurs uniquement par une classe)
• Utilisabilité : simplification du paramétrage de modèle pour les contributeurs par réduction des paramètres de mise en forme

Contraintes: la mise à jour doit être la plus transparente possible, c'est à dire :

• nécessiter le moins possible de contributions au cas par cas mobilisant les contributeurs : elle doit être la plus centralisée possible ;
• ne modifier le rendu que raisonnablement et positivement (dans le sens d'une plus grande ergonomie et d'une meilleure cohérence, en particulier selon Wikipédia:Limitez l'usage de la couleur dans les articles) ;

Voir le résultat (en cours de développement) ?

Voir Utilisateur:Lgd/Palettes.