Logo Khaganat
Traductions de cette page?:

Ceci est une ancienne révision du document !


Création d'une nouvelle barre de navigation générale

Description

La barre actuelle de navigation générale est à la base de nombreux bugs. L'alléger, ou en créer une nouvelle, ferait du bien partout.

L'actuelle est basée sur celle de framasoft. Elle utilise JQuery et bootstrap : ces deux trucs en particulier ajoutent pleins de merdouilles d'appels trop généralistes qui rentrent en conflit avec le css et le javascript sur les divers cms.

Elle a été en partie épurée, mais cela ne suffit pas toujours.

S'il est possible d'avoir une barre aux fonctionnalités similaires, mais sans sa complexité, ce serait idéal.

La seule fonctionnalité où javascript est nécessaire est pour permettre de cliquer sur la barre, ce qui la laisse dépliée ; on peut aussi se passer complètement de javascript et dans ce cas, elle se déplie lorsqu'on passe dessus. Cela marche bien si le css est bien fait. Quelque soit le choix retenu, la barre doit être utilisable avec uniquement du html (ou php, c'est pareil) et du css.

Les appels de styles doivent être toujours préfixés par le nom de la barre, afin d'éviter les conflits sur des choses très utilisés dans les autres pages. Donc par exemple khanav_dropdown et pas dropdown, parce que c'est quelque chose que bootstrap propose par ailleurs…

Il faut impérativement que ce soit visuellement correct sur Firefox et Chromium, si possible sur tous les navigateurs récents et toutes les résolutions d'écrans. Non, pas besoin de supporter IE6.

Pour les petits écrans (smartphones), ce serait sans doute mieux de proposer une feuille css séparée, qui mettrait juste une icone de menu dans un coin ; en cliquant dessus cela déplie/replie le menu.

Côté accessibilité, soit les infobulles sont virées (les mettre dans du JS ?), soit il faut trouver comment faire pour que ce ne soit pas pénible, par exemple une ancre invisible, accessible uniquement en mode texte, qui permet de “sauter” le menu et aller direct au contenu ? Car si un malvoyant se fait lire le menu chaque fois qu'il va d'une page à une autre, il va devenir dingue. Comme pour les smartphones, l'idée est peut-être de lui faire un seul lien “menu”, qui ouvrira le menu ?

Une première tentative a été faite dans le dépot site internet/kha_nav. Je manque de compétences. Tout les appels sont là, le visuel est acceptable sur firefox, mais l'ensemble s'emmêle n'importe comment, des détails ne vont pas… Il sera sans doute plus simple de reprendre de zéro pour quelqu'un qui s'y connaît.

Sur ce dépôt : les fichiers “header.php”, “index.php” et “style_gen.css” sont là pour donnez une idée de ce que ça donne. Accéder directement au dossier “kha_nav” depuis un navigateur (si votre ordi héberge une instance de php) permet de voir un “site”, avec la barre et son intégration. “footer.php” et “search.php” sont deux fichiers qui seront réellement utilisés tel quel sur les pages ; ça fait partie de la touche “Khaganat” de retrouver ça partout, comme “kh_nav.php” Le dossier “img” sera un lien symbolique vers le dossier img sur le serveur, où on met tout ce qui nous sert sur les sites.

Qui travaille dessus ?

Osquallo s'est proposé pour regarder ça à l'occasion, sans rien promettre en terme de délai.

Compétences demandées

  • Php, html, css. Javascript ?
  • Notions sur l'accessibilité.

Difficulté estimée ou temps restant à y passer

2-3 jours ?

Tâches liées

Commentaires

CC Attribution-Share Alike 4.0 International Driven by DokuWiki
fr/taf/web/ergonomie/nav_2/start.1480179528.txt.gz · Dernière modification : 2021/12/03 19:18 (modification externe)

Licences Mentions légales Accueil du site Contact