Aide:Boîte déroulante

Une page de Wikipédia, l'encyclopédie libre.
Sauter à la navigation Sauter à la recherche

Retour au sommaire de l'aide Retour au sommaire de l'aide

Cette page est une FAQ et un état des lieux concernant les boîtes déroulantes et les modèles déroulants en général.

Sommaire

Vocabulaire[modifier | modifier le code]

Un modèle déroulant est un modèle qui a un bouton enrouler/dérouler pour cacher/afficher (les termes sont encore débattus[1]) son contenu : Catégorie:Modèle déroulant.

Une boîte déroulante fait référence aux modèles {{Boîte déroulante}}, {{Boîte déroulante/début}} et {{Boîte déroulante/fin}}.

Une palette de navigation est un modèle dont le nom commence par « Palette ... » et utilisant un mécanisme de boîte déroulante ({{Méta palette de navigation}}).


Exemple de base avec {{Boîte déroulante/début}} et {{Boîte déroulante/fin}} :

Avantages, inconvénients et solutions[modifier | modifier le code]

Il faut distinguer les problèmes d'utilité, d'ergonomie, d'accessibilité, d'interopérabilité et d'esthétique[2].

Avantages[modifier | modifier le code]

  • Réduit la place occupée par des paragraphes, des longues listes et/ou des images d'importance secondaire.
  • Ajoute des menus de navigation ciblés, sans encombrer les pages d'articles.
  • Masque (« Censure »)[3] certains passages pour des raisons diverses : révélation d'un dénouement, contenu choquant (les images et photographies à caractère sexuel, tabous de certaines communautés, notamment religieuses[4]) ou encore censuré sur d'autres médias...

Limites techniques[modifier | modifier le code]

Quel que soit le modèle déroulant concerné :

  • l'enroulement nécessite un navigateur web compatible avec les CSS et avec JavaScript. Sans prise en charge de javascript, le contenu est affiché (ie, le modèle est déroulé).
  • ces modèles sont actuellement paramétrés pour occuper toute la largeur de la page : ils ne peuvent se placer à côté de contenus flottants comme les images, les infobox et les boîtes utilisateurs.

Inconvénients et problèmes soulevés[modifier | modifier le code]

  • Dans tous les cas, le contenu de ces modèles est visible pendant le chargement de la page.
  • Même si elle propose un contenu caché, elle nécessite d'être téléchargée[1], ce qui peut pénaliser les personnes utilisant un internet bas débit si son contenu est particulièrement lourd, c'est-à-dire principalement s'il s'agit d'images multiples.
  • Casse les liens ancrés et les liens sur référence qui sont placés dedans[5], si la boîte n'est pas ouverte.
  • Gène la fonction « recherche » des navigateurs web[1] (voir solution partielle proposée : un bouton « Tout ouvrir » ).
  • Occasionne parfois des surprises à l'impression (exemple).
  • Pose problème lors de la génération d'un « livre ».
  • Pour les boîtes de défilement (à ascenseur), la navigation est impossible au clavier si la boîte ne contient pas de liens

Solutions alternatives actuelles[modifier | modifier le code]

  • Quand une liste ou une formule semble mieux dans une boîte déroulante, son importance est peut-être à re-évaluer[1] ; on gagnerait certainement à :
  • Pour limiter la longueur des « Notes et références », en bas des articles, sur les écrans de ceux qui le désirent, il existe un « gadget » à cocher dans les préférences de chaque utilisateur (dans vos préférences, onglet gadgets et section gadgets généraux, choisir : Referencederoulante) (illustration)[8].

Pistes d'amélioration[modifier | modifier le code]

Usage[modifier | modifier le code]

Où et quand l'usage des modèles déroulants est-il adapté ?[modifier | modifier le code]

  • Dans l'espace encyclopédique[5] :
    • en tenant compte des contraintes techniques actuelles, les modèles déroulants sont en général à bannir du corps des articles[10] ;
    • des exceptions sont tolérées pour les sommaires, les démonstrations mathématiques[1],[7] et dans certains autres cas ;
    • ils sont admis en bas des articles, sous la forme de palettes de navigation.
  • Hors de l'espace encyclopédique :
    • leur usage est pratique dans les explications et les discussions, surtout pour les listes longues
    • … mais ne doit pas servir à censurer[11] ;
    • les boîtes déroulantes sont également utiles dans les pages personnelles des utilisateurs.

Dans l'espace encyclopédique, puis-je utiliser une boîte déroulante... ?[modifier | modifier le code]

De manière générale, non, car les boîtes déroulantes s'alignent mal avec les contenus « flottants » ajoutés aux pages, comme les infobox, les images et les boîtes utilisateurs.

Un modèle déroulant, selon les écrans utilisés, risque de cacher une partie de l'article ou de nuire à sa mise en page générale. C'est pour cette raison que sont tolérées en principe seulement les palettes de navigation, placées tout en bas de page.

Pour cacher un contenu choquant ?[modifier | modifier le code]

Non Non

Il ne vaut mieux pas car, pour un navigateur web sans javascript, le contenu de la boîte sera de toutes façons affiché.

De plus, ce contenu est visible pendant le chargement de la page.

Par exemple pour une image, il vaut mieux mettre un lien vers sa page de description et ne pas la transclure.

De plus, le débat sur l'auto-censure[12] de Wikipédia n'est pas clos[13].

Voir aussi : Wikipédia:Prise de décision/De l’usage des boîtes déroulantes et du traitement des images choquantes (Discussion)

Pour cacher un contenu dévoilant une intrigue ?[modifier | modifier le code]

Non Non. Utiliser le titre : Intrigue et dénouement

Il existait le modèle Spoiler pour cela mais qui a été supprimé suite à cette procédure communautaire Discussion modèle:Spoiler/Suppression.

La conclusion de cette décision est qu'il faut utiliser le titre de paragraphe : Intrigue et dénouement, qui est normalement suffisamment explicite pour comprendre qu'il y a, dans le ce paragraphe, des infos concernant... le dénouement !

Pour cacher un contenu dévoilant les résultats d'un test ?[modifier | modifier le code]

Non Non

La solution d'une boîte déroulante n'est pas adaptée car cela ne rend pas son contenu inconsultable et celui-ci est également visible durant le chargement de la page.

Exemple de problème possible : « Le bon vieux test de Rorschach dévoilé sur le Net: scandale! », par Eva Grau dans Le Matin. « Les taches d'encre créées par un Suisse sont sur Wikipédia. Tollé chez les psys »

Pour une liste ou une formule trop longue ?[modifier | modifier le code]

Égal éventuellement

Une liste ou une formule, même longue, ne devrait pas être placée dans une boîte déroulante car c'est une information importante. Celles-ci doivent donc être accessibles à tous les lecteurs, quel que soit leur moyen d'accès à Internet.

Un modèle déroulant est parfois pratique pour raccourcir les démonstrations mathématiques longues et secondaires au développement de l'article, les cladogrammes[14] ou les généalogies[15]. Pourtant, si une liste ou une formule est mieux dans une boîte déroulante, son importance est peut-être à re-évaluer : on gagnerait certainement à la transformer en catégories (voir Aide:Catégorie), en articles-liste (voir par exemple Wikipédia:Liste des listes) ou en section « Voir aussi »[5].

Exception admise : la liste de chansons d'un album ⇒ modèle {{Album}}.

Pour cacher les notes et références devenues trop longues ?[modifier | modifier le code]

Non Non. Ce n'est pas recommandé[16].

Pour limiter la longueur des « Notes et références », en bas des articles, sur les écrans de ceux qui le désirent, il existe un « gadget » à cocher dans les préférences de chaque utilisateur (dans vos préférences, onglet gadgets et section gadgets généraux, choisir : Referencederoulante) (illustration)[17].

Compatibilité[modifier | modifier le code]

Est-ce un modèle accessible ?[modifier | modifier le code]

Accessibilité correcte. Les boîtes déroulantes ne posent pas de problème d'accessibilité majeur et peuvent être utilisées sans état d'âme de ce point de vue depuis l'amélioration du code, en 2010.

Faut-il activer « javascript » pour voir le contenu des boîtes déroulantes ?[modifier | modifier le code]

Non. Sans javascript, la boîte sera automatiquement déroulée. Par contre, le javascript est nécessaire pour pouvoir enrouler et dérouler les boîtes.

Peut-on ouvrir toutes les boîtes déroulantes d'un coup ?[modifier | modifier le code]

Actuellement non, sauf en désactivant le JavaScript dans le navigateur, ce qui fait perdre les autres fonctionnalités JavaScript de wikipédia[1].

Peut-on imprimer une boîte déroulante ?[modifier | modifier le code]

Oui. En principe le contenu des boîtes déroulantes est affiché à l'impression[9] (grâce à MediaWiki:Print.css).

Toutefois le contenu des palettes de navigation n'apparaît normalement pas à l'impression.

Pour s'en assurer, visualisez la « version imprimable » disponible dans l'encadré « Imprimer / exporter », sur la colonne de gauche l'écran.

Peut-on créer un « livre » avec des articles contenant une boîte déroulante ?[modifier | modifier le code]

Non, elles posent actuellement un problème lors de la génération d'un « livre » (PDF)[9].

Présentation et paramétrage[modifier | modifier le code]

Quelle syntaxe utiliser dans le contenu d'une boîte déroulante ?[modifier | modifier le code]

Peut-on créer un lien ancré dans une boîte déroulant ?[modifier | modifier le code]

Oui, mais l'accès à l'ancre ne déroulera pas automatiquement la boîte, qui reste fermée par défaut[18], ce qui n'est généralement pas l'effet recherché.

Peut-on mettre un titre de section dans une boîte déroulante ?[modifier | modifier le code]

C'est possible, mais le titre apparaîtra dans la table des matières de la page, ce qui n'est généralement pas l'effet recherché.

Comment mettre un tableau dans une boîte déroulante ?[modifier | modifier le code]

En utilisant {{Boîte déroulante/début}} et {{Boîte déroulante/fin}} de cette manière[19] :

... ou grâce aux modèles du genre {{!}} qui empêchent l'évaluation des | par MediaWiki :

Peut-on mettre une boîte déroulante dans une boîte déroulante ou dans une infobox ?[modifier | modifier le code]

S'il est techniquement possible d'insérer une boîte déroulante dans une autre boîte déroulante ou dans une infobox, cela est déconseillé aussi bien dans le premier cas[20] que dans le second[21].

La longueur du titre est-elle importante ?[modifier | modifier le code]

Il faut veiller à ne pas mettre un titre trop long car il pourrait alors "déborder" de la boîte à l'affichage (ce phénomène dépend de la taille de l'écran)[22].

Peut-on paramétrer ces modèles ?[modifier | modifier le code]

Pour être déroulés par défaut ?[modifier | modifier le code]

  • Pour les boîtes déroulantes : ceci est possible seulement de manière globale, pour chaque contributeur enregistré ; ajoutez à votre monobook.css[23]
.NavContent { display:block !important; }
  • Lors de la création d'un modèle de palette de navigation : mettre le paramètre étatboîte sur uncollapsed. La palette sera alors ouverte par défaut, pour tous les lecteurs.

Pour être fermés par défaut ?[modifier | modifier le code]

  • Pour les boîtes déroulantes : ceci est possible seulement de manière globale, pour chaque contributeur enregistré ; ajoutez à votre monobook.css[23]
.NavContent { display:none !important; }
  • Lors de la création d'un modèle de palette de navigation : mettre le paramètre étatboîte sur collapsed. La palette sera alors fermée par défaut, pour tous les lecteurs.

Comment créer une boîte déroulante personnalisée ?[modifier | modifier le code]

Comment paramétrer mes préférences pour les modèles déroulants ?[modifier | modifier le code]

  • Gadget à cocher pour limiter la longueur des « Notes et références », en bas des articles, sur les écrans de ceux qui le désirent : dans les préférences de chaque utilisateur (vos préférences, onglet gadgets et section gadgets généraux, choisir : Referencederoulante) (illustration)

Avis de la communauté[modifier | modifier le code]

Quels sont des sondages et prises de décisions de la communauté au sujet des modèles déroulants ?[modifier | modifier le code]

Il existe deux sondages :

... et une prise de décision qui n'a pas abouti :

Ainsi que des micro sondages informels comme :

Notes et références[modifier | modifier le code]

  1. a b c d e f et g Wikipédia:Le Bistro/22 février 2009#Supprimer purement et simplement les boîtes déroulantes
  2. Wikipédia:Sondage/Boîte déroulante#Quelques éléments d'information sur la question ;)
  3. Pour les questions sur la censure sur Wikipédia voir :
    * l'essai Wikipédia:Réservé aux adultes ?
    * et (en) en:Wikipedia:Wikipedia is not a soapbox#Wikipedia is not censored
  4. Wikipédia:Prise de décision/De l’usage des boîtes déroulantes et du traitement des images choquantes#Domaines concernés
  5. a b c et d Wikipédia:Sondage/Boîte déroulante
  6. Wikipédia:Le Bistro/12 février 2009#utilisation de la boîte déroulante
  7. a et b Wikipédia:Sondage/Boîte déroulante#Commentaires autour du vote de Régis Lachaume
  8. Exemple de la section « Notes et Références » avec la création d'un gadget adapté.
  9. a b et c Wikipédia:Le Bistro/22 février 2009 - Un « [masquer] » à côté de chaque « [modifier] »
  10. Exemples de discussions ICI ou
  11. Wikipédia:Le Bistro/11 septembre 2008#Un autre 11 septembre
  12. Wikipédia:Contenu choquant#Wikipédia n'est pas censuré et la PDD abandonnée Wikipédia:Prise de décision/De l’usage des boîtes déroulantes et du traitement des images choquantes
  13. Exemples parmi d'autres :
    * Wikipédia:Comité d'arbitrage/Arbitrage/Marc Mongenet-Olmec#La boîte déroulante
    * Wikipédia:Le Bistro/4 janvier 2008#Boîtes déroulantes (et ca continue)+ Obscurantisme sur wiki
    * Wikipédia:Le Bistro/5 janvier 2008#Scandale de la pornographie : vers une solution ? (des boites déroulantes)
  14. Discussion Wikipédia:Atelier accessibilité/Archives accessibilité 2009#Catégorie:Modèle Cladogramme
  15. cela n'est pas admis à l'unanimité, voir Wikipédia:Sondage/Boîte déroulante
  16. Accessibilité des boîtes déroulantes.
  17. Exemple de la section « Notes et Références » avec la création d'un gadget adapté.
  18. Wikipédia:Le Bistro/11 novembre 2008#Lien vers une partie (sans titre) de page
  19. Wikipédia:Le Bistro/25 février 2007#Syntaxe wikitext : Comment mettre un tableau dans une boîte déroulante ?
  20. Wikipédia:Guilde des Guides/semaine 25 2009#Impossible n'est pas français
  21. Discussion Wikipédia:Atelier accessibilité/Archives accessibilité 2008#Menus déroulants et infobox
  22. Wikipédia:Le Bistro/1 août 2012#Belle Boîboîte
  23. a et b Cette modification touche aussi les bandeaux de traduction