Ouvrir le menu principal

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

VocabulaireModifier

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 solutionsModifier

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

AvantagesModifier

  • 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 techniquesModifier

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ésModifier

  • 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 actuellesModifier

  • 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éliorationModifier

UsageModifier

Où et quand l'usage des modèles déroulants est-il adapté ?Modifier

  • 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

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

  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

  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

  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

  é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

  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

Est-ce un modèle accessible ?Modifier

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

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

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

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

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

Présentation et paramétrageModifier

Quelle syntaxe utiliser dans le contenu d'une boîte déroulante ?Modifier

Peut-on créer un lien ancré dans une boîte déroulant ?Modifier

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

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

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

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

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

Pour être déroulés par défaut ?Modifier

  • 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

  • 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

Comment paramétrer mes préférences pour les modèles déroulants ?Modifier

  • 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

Quels sont des sondages et prises de décisions de la communauté au sujet des modèles déroulants ?Modifier

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érencesModifier

  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 - premier semestre#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 - premier semestre#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