Lecture/Web/Projets/Déplacement du paragraphe d'entête

Problème

A la différence du site web pour ordinateur de bureau où les boîtes d'information ont le second placement dans le texte de l'article, les boîtes d'informations des sites web pour mobile apparaissent en première position, avant le début du contenu de l'article. Ce placement a exposé le lecteur aux détails sur un sujet avant de rassembler le contexte ou (et) l'introduction du sujet. Les utilisateurs doivent alors descendre jusqu'à la fin de la boîte d'information pour atteindre la section d'entête et le contenu d'introduction qui fournit le contexte du contenu présent dans la boîte d'information. Ce problème est particulièrement lié aux articles qui ne sont pas familiers aux utilisateurs, où on leur demande de dérouler la boîte d'information et confirmer qu'ils sont en train de lire le bon article.

Proposition

Déplacement de la section d'entête de l'article avant la boîte d'information. Notre but pour cette modification est de :

• Permettre aux lecteurs de confirmer qu'ils lisent l'article correct
• Donner l'emplacement primaire du texte de l'article sur la page, en cohérence avec le site web pour bureau
• Donner un aperçu de l'article avec le contenu du paragraphe d'entête avant d'exposer les détails de l'article

Un résultat supplémentaire de cette modification est que les utilisateurs du web pour mobile pourront lire notre contenu plus rapidement - la plupart des boîtes d'information contiennent des images qui peuvent ralentir le rendu initial d'une page.

Exceptions

• Les articles qui commencent par une liste, tels que l'article Planet - pour ces cas, la liste est considérée comme entête et présentée avant la boîte d'information
• Articles sans boîte d'information - aucune modification observée
• Articles avec images avant le texte de l'article - aucune modification observée
• Les articles qui incluent la boîte d'information dans un élément conteneur - aucune modification observée - avec l'exception notable des éléments DIV qui ont la classe mw-stack par exemple telle que fournie par Template:Stack

Exemples

• 
  Site web pour mobile, ancienne version de la boîte d'information et du premier paragraphe, brève information d'introduction disponible sur le sujet
• 
  Site web pour mobile, les notes de l'article et la boîte d'information apparaissent d'abord quand la page est chargée
• 
  site web pour mobile, paragraphe d'entête apparaissant avant la boîte d'information
• 
  Le paragraphe d'entête apparaît avant la boîte d'information et fournit le fond et le contexte

Tâches Phabricator associées

• Améliorer l'expérience utilisateur du début de l'article
• Déplacer le premier paragraphe ‎<p> au-dessus du modèle de la boîte d'information sur les petits écrans
• Déplacer le premier paragraphe avant la boîte d'information

Problèmes communs

Si la boîte d'information n'est pas déplacée cela peut-être dû à l'un de ces problèmes.

Divers articles placent inutilement la boîte d'information dans un conteneur avec mise en forme par exemple

'''{{Infobox company

Correctif : vous pouvez utiliser cette requête :

https://en.wikipedia.org/w/index.php?search=insource%3A%2F%5C%27%5C%27%5C%7B%5C%7BInfobox%2F&title=Special:Search&profile=advanced&fulltext=1&advancedSearch-current=%7B%22namespaces%22%3A%5B0%5D%7D&ns0=1

Certains wikis n'utilisent pas la classe infobox pour les boîtes d'information.

Correctif : ajouter la classe infobox aux boîtes d'information (même si absente dans la feuille de style CSS).