Aide:Boîte déroulante

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.

Vocabulaire

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) 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}} :

Titre de la boîte (...déroulez-la avec le lien 'afficher' à droite)

contenu de la boite...

Exemple de base avec {{Boîte déroulante}} :

Titre de la boîte

contenu d'une boite simple...

 

Dans les 2 cas, dont le résultat est (normalement...) identique, il ne faut pas oublier le Titre, en écrivant le modèle sous la forme :
{{Boîte déroulante|titre=Titre de la boîte|contenu=contenu}}, ou
{{Boîte déroulante/début|titre=Titre de la boîte}}

 

Avantages, inconvénients et solutions

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

Avantages

• 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 ») 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) ou encore censuré sur d'autres médias...

Limites techniques

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

• 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, 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, si la boîte n'est pas ouverte.
• Gène la fonction « recherche » des navigateurs web (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

• Quand une liste ou une formule semble mieux dans une boîte déroulante, son importance est peut-être à re-évaluer ; on gagnerait certainement à :
  • créer une catégorie (se reporter à Aide:Catégorie) ;
  • créer un sous-article détaillé (grâce à {{Article détaillé}}) ;
  • créer un article-liste (voir Wikipédia:Liste des listes) ;
  • remplacer par une section « Voir aussi » et un bandeau de portail ;
  • déplacer sur un autre projet Wikimedia (wikibooks, wikiquote, ...).
• 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).

Pistes d'amélioration

• Rendre tous les paragraphes « enroulables » par défaut.
• Mettre un bouton « Tout ouvrir » pour ceux qui ont besoin de dérouler rapidement tous les modèles d'un article (utile en mode recherche).
• Trouver de nouveaux modes de fonctionnement du javascript et des gadgets ; voir notamment :
  • Discussion Wikipédia:Atelier accessibilité/Archives accessibilité 2009#Script pour améliorer l'ergonomie des boîtes déroulantes
  • Wikipédia:Le Bistro/1 août 2009#Révolution du jour : utilisabilité des boîtes déroulantes
  • Discussion Wikipédia:Atelier accessibilité/Archives accessibilité 2009#Peaufiner le nouveau script des boîtes déroulantes pour le déploiement
  • Wikipédia:Sondage/Utilisabilité et accessibilité des palettes de navigation

Usage

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

• Dans l'espace encyclopédique :
  • en tenant compte des contraintes techniques actuelles, les modèles déroulants sont en général à bannir du corps des articles ;
  • des exceptions sont tolérées pour les sommaires, les démonstrations mathématiques 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 ;
  • 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... ?

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 ?

 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 de Wikipédia n'est pas clos.

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 ?

 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 ?

 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 ?

é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 ou les généalogies. 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 ».

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

Pour cacher les notes et références devenues trop longues ?

 Non. Ce n'est pas recommandé.

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).

Compatibilité

Est-ce un modèle accessible ?

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 ?

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 ?

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

Peut-on imprimer une boîte déroulante ?

Oui. En principe le contenu des boîtes déroulantes est affiché à l'impression (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 ?

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

Présentation et paramétrage

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

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

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

Peut-on mettre un titre de section dans une boîte déroulante ?

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 ?

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

La boite déroulante

Case 1	Case 2
Case 3	Case 4

 

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

La boite déroulante

case 1	case 2
case 3	case 4

 

Peut-on mettre une boîte déroulante dans une boîte déroulante ou dans une infobox ?

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 que dans le second.

La longueur du titre est-elle importante ?

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).

Peut-on paramétrer ces modèles ?

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

• Pour les boîtes déroulantes : ceci est possible seulement de manière globale, pour chaque contributeur enregistré ; ajoutez à votre monobook.css

.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 ?

• Pour les boîtes déroulantes : ceci est possible seulement de manière globale, pour chaque contributeur enregistré ; ajoutez à votre monobook.css

.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 ?

• Voir comment créer des modèles variés de boîtes déroulantes sur Modèle:Boîte déroulante/Documentation
• La page meta:Aide:Personnalisation/Boîte déroulante montre la configuration générale de ces boîtes.

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

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

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

Il existe deux sondages :

• Wikipédia:Sondage/Boîte déroulante (Discussion)
• Wikipédia:Sondage/Utilisabilité et accessibilité des palettes de navigation

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

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

Ainsi que des micro sondages informels comme :

• Que mettre à la place de Dérouler et Enrouler