Suivi — Images Ajouter le texte alternatif en bas des images

#1511 Posté par Julien.D le 15 mai 2015 à 12:10. État de l’entrée : ouverte. Licence CC By‑SA.

Étiquettes :

mai

2015

Bonjour,

Je propose de pouvoir utiliser le texte alternatif des images comme descriptif en bas de l'image et de façon centrée dans les contenus.
Actuellement pour ajouter une description à une image visible à tous, il faut faire quelque chose comme ça :
![texte alternatif](URL)
description

Bien souvent le texte alternatif et la description souhaitée sont les mêmes, c'est gênant de devoir gérer deux éléments identiques, notamment en cas d'édition, de plus la description ne peut pas être centrée.

Une proposition de syntaxe :
![texte alternatif et description](URL)
Comportement actuel, aucun changement : rétro-compatibilité

![!texte alternatif et description](URL)
Nouveau comportement, ajout d'une description en bas de l'image (Notez l'ajout du "!")

Le rendu serait similaire à celui-ci :

Le code d'exemple :

<!DOCTYPE html>
<html>
        <head>
<style>
.picture         
{
        display:inline-block;
        text-align:center;
}
</style>
        </head>
        <body>
                <div class="picture">
                        <img src="https://linuxfr.org/images/logos/linuxfr2_gouttes.png" alt="Le logo du site" />
                        <div class="description">Le logo du site</div>
                </div>
        </body>
</html>

# HTML5 : figure & figcaption

Posté par cfx le 17 mai 2015 à 18:54. Évalué à 1 (+0/-0).

Les balises figure et figcaption du HTML5 me semble sémantiquement plus adaptées que de simples div.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figure

Répondre
- [^] # Re: HTML5 : figure & figcaption
  
  Posté par Benoît Sibaud (site web personnel) le 18 mai 2015 à 10:58. Évalué à 5 (+0/-0).
  
  Vérification du support par les navigateurs via CanIUse.com (figure et figcaption) : on perdrait IE 8, et les autres IE et Opera Mini ne gèrent pas la balise dans . Pas catastrophique.
  
  Répondre
# Autre demande

Posté par Bruno Michel (site web personnel) le 18 mai 2015 à 13:58. Évalué à 3 (+0/-0).

Cf http://linuxfr.org/suivi/legendes-sur-les-images

Répondre

# Relance

Posté par Julien.D le 02 juin 2015 à 21:16. Évalué à 3 (+0/-0).

Je me permet de relancer cette proposition, elle me semble utile et ne nécessite pas beaucoup de changement dans le code à première vue.

j'ai fais un patch du fichier /app/models/image.rb

--- image.rb    2015-06-02 19:09:22.087909046 +0000
+++ image.rb.new    2015-06-02 19:10:32.265505928 +0000
@@ -77,8 +77,7 @@
   end

   def to_html
-    "<img #{src_attr} #{alt_attr} #{title_attr}/>"
+    "<figure><img #{src_attr} #{alt_attr} #{title_attr}/><figcaption>#{CGI.escapeHTML alt_text.to_s}</figcaption></figure>"
   end

 end
-

A vérifier cependant.

Envoyer un commentaire

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.

# HTML5 : figure & figcaption

[^] # Re: HTML5 : figure & figcaption

# Autre demande

# Relance