Aide:Boîte déroulante : Différence entre versions

Version du 7 mars 2011 à 11:48

Cette page est un état des lieux concernant les boîtes déroulantes.

Vocabulaire

Un modèle déroulant est un modèle qui a un bouton enrouler/dérouler pour cacher/afficher 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}} :

Avantages, limites et inconvénients

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 certains passages pour des raisons diverses.

Limites techniques

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

• l'enroulement nécessite un navigateur Web compatible avec les Feuilles de style et JavaScript. Sans support de javascript, le contenu est affiché 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

• 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.
• Accessibilité correcte mais améliorable notamment pour les utilisateurs de lecteurs d'écrans.
• Occasionne parfois des surprises à l'impression.
• Pour les boîtes de défilement à ascenseur, la navigation est impossible au clavier si la boîte ne contient pas de liens

Usage

Boîtes adaptées

• Dans les articles :
  • En tenant compte des contraintes techniques, les modèles déroulants sont en général à bannir du corps des articles;
  • Des exceptions sont tolérées pour les sommaires personnels;
  • Ils sont admis en bas des articles, sous la forme de palettes de navigation.

• Hors des articles:
  • Leur usage est pratique dans les explications et les discussions, surtout pour les listes longues;
  • Les boîtes déroulantes sont également utiles dans les pages personnelles des utilisateurs.

Boîte déroulante dans les articles

De manière générale, ne pas utiliser les boîtes déroulantes dans le coeur des articles 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.

Donc, en cas d'utilisation dans un article, placer une fonction {{Clear}} avant la boîte déroulante.

Présentation et paramètrage

Pour des raisons de commodité, standardisation, possibilités et efficacité, WikiGenWeb déconseille le modèle {{Boîte déroulante}} et impose l'utilisation des modèles : {{Boîte déroulante/début}} et {{Boîte déroulante/fin}}

Tableaux

{{Boîte déroulante/début
|titre=La boite déroulante
}}
{| class="wikitable"
|-
|Case 1
|Case 2
|-
|Case 3
|Case 4
|}
{{Boîte déroulante/fin}}

La boite déroulante

Case 1	Case 2
Case 3	Case 4

 

Boîte déroulante dans une boîte déroulante

Formellement interdit.

Boîte déroulante dans une infobox

Formellement interdit.

Syntaxe

Boîte déroulante par défaut

Wikitext	Rendu
{{boîte déroulante/début |titre=Titre de la boîte }} Contenu de la boîte {{boîte déroulante/fin}}	Titre de la boîte Contenu de la boîte

Paramètres

Liste des manuels d'utilisation

Projet:Aide
Lecteurs	Manuel du lecteur
Éditeurs	Manuel de l'éditeur
Administrateurs	Manuel de l'administrateur