Newline dans le texte alt

Puis-je utiliser une sorte de saut de ligne dans le texte alt pour une image tout en respectant les normes XHTML 1.0 Strict de la norme?

Quelque chose comme ça...

<img src="foo.jpg" alt="Line 1\nLine 2" />

Je demande parce que je veux poster la capture d'écran suivante sur mon site, mais je veux inclure la version texte dans le texte alt pour le RÉFÉRENCEMENT et pour les déficients visuels.

Newline dans le texte alt

Je préfère la capture d'écran sur la version en texte brut, car il semble plus attrayant visuellement.

source d'informationauteur Pieter | 2011-04-24

  1. 15

    Il suffit d'utiliser un saut de ligne normal.

    <img src="foo.jpg" alt="Line 1
Line 2" />

    Débordement de pile en leur titres 🙂

    Puis ajouter ce CSS:

    img{white-space:pre}

    Démo: http://jsfiddle.net/Madmartigan/S8SXP/

  2. 9

    Une meilleure façon est de simplement ajouter le code HTML le code de caractère de saut de ligne ou un retour chariot.

     line feed is &#10
 carriage return &#13
  3. 5

    Je pense que vous pourriez être en train d'essayer trop dur.

    Le texte alt est censé être un remplacement pour l'image, pas une sorte de représentation littérale.

    Correctement balisé et ainsi de suite, ce serait dire une liste non ordonnée avec des sous-listes, et un lecteur d'écran serait obtenir de l'information sur les relations de cette imbrication d'éléments HTML. Le remplacement de certains sauts de ligne pour faire une bonne approximation visuelle n'est pas près la même chose, par exemple. comment comptez-vous également à "voir" le lecteur d'écran que le morceau après le premier saut de ligne est "à l'intérieur" des Erreurs?

    Et je doute que les moteurs de recherche vont faire n'importe quoi avec des sauts de ligne dans le texte alt autre que de les jeter. (Il est vrai que spéculative.)

    Ce que vous êtes fait après est en quelque sorte notamment que l'imbrication/informations sur les relations de l'image, mais avec du texte à la place. Commencez par quelque chose comme "Une capture d'écran de l'avis de [app], montrant deux erreurs [détail ici si vous voulez) et deux éléments d'information [détail]" etc.

    Ou vous pourriez obtenir vraiment pédant et en fait de créer une liste en HTML, puis utiliser une image technique de remplacement pour insérer l'image.

  4. 0

    @Murch réponse était quelque chose que je ne savais.
    Cependant, il devient et de frais généraux pour briser des espaces de BRs tout au long de l'application.

    Comme la solution la plus simple, il vous suffit de fournir 

    img.class { overflow:hidden }

    et en finir avec elle rapide et sale.