Balise Alt possible pour les SVG?

Est-il un moyen de donner une ligne SVG un alt tag? Voici le code que j'ai pour mon inline SVG, mais la alt balise n'est pas visible (et je ne suis même pas sûr de la façon dont j'ai codé le alt balise est valide, après une recherche en ligne pour des précisions):

<svg version="1.1" id="svg-header-filter" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="27px" height="27px" viewBox="0 0 37 37" enable-background="new 0 0 37 37" xml:space="preserve" alt="Hello world!">
    <path class="header-filter-circle" d="M17.796,0C7.947,0,0,7.988,0,17.838s7.947,17.787,17.796,17.787c9.848,0,17.829-7.935,17.829-17.783 C35.625,7.988,27.644,0,17.796,0z"/>
    <g>
    <path class="header-filter-icon" fill="#FFFFFF" d="M15.062,30.263v-9.935l-8.607-8.703h22.343l-8.744,8.727v5.029L15.062,30.263z M8.755,12.625l7.291,7.389 v7.898l3.025-2.788v-5.086l7.426-7.413H8.755z"/>
    </g>
</svg>

Et voici le JSFiddle: http://jsfiddle.net/FsCMM

Pourquoi ne voulez l'attribut alt? Pour obtenir de l'aide de texte, vous pouvez utiliser l'attribut title, et pour l'accessibilité, il est une recommandation officielle, qui doit encore être mis en œuvre par les lecteurs d'écran. Découvrez cette réponse
Ce que je cherche à faire est de fournir de l'aide "d'un texte" (que j'ai tenté de simplement décrire comme "texte de remplacement"). Merci pour le lien... je l'ai lu, mais je ne vois pas le <title> balises de fournir toute aide "d'un texte" à la souris au-dessus, comme j'ai essayé dans mon JSFiddle. C'est pour ce que je suis à la recherche (semblable à une image "alt text"): un attribut qui décrit le SVG avec "helper texte" quand les souris souris sur elle. Merci!
le HTML5 inline élément svg ne prend pas en charge l'attribut "alt", car il est considéré comme le phrasé de contenu: w3.org/TR/html5/dom.html#phrasing-content-1
Merci pour la documentation. Je me demandais si il y a une autre sorte d'attribut en ligne SVGs qui permet une semblable "helper texte" sur passage de la souris.
Double Possible de Accessibility: recommandé alt-texte de la convention pour le SVG et MathML?

InformationsquelleAutor Berklie | 2014-04-18

Vous devez utiliser l'élément de titre, pas de balise alt, pour afficher les info-bulles:

<svg version="1.1" id="svg-header-filter" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="27px" height="27px" viewBox="0 0 37 37" enable-background="new 0 0 37 37" xml:space="preserve">
    <title>Hello world!</title>
    <path class="header-filter-circle" d="M17.796,0C7.947,0,0,7.988,0,17.838s7.947,17.787,17.796,17.787c9.848,0,17.829-7.935,17.829-17.783 C35.625,7.988,27.644,0,17.796,0z"/>
    <g>
        <path class="header-filter-icon" fill="#FFFFFF" d="M15.062,30.263v-9.935l-8.607-8.703h22.343l-8.744,8.727v5.029L15.062,30.263z M8.755,12.625l7.291,7.389 v7.898l3.025-2.788v-5.086l7.426-7.413H8.755z"/>
    </g>
</svg>

pour chrome34: graphiques intégrés par g d'élément et d'insérer un élément de titre à ce.

<svg version="1.1" id="svg-header-filter" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="27px" height="27px" viewBox="0 0 37 37" enable-background="new 0 0 37 37" xml:space="preserve">
<g>
    <title>Hello world!</title>
    <path class="header-filter-circle" d="M17.796,0C7.947,0,0,7.988,0,17.838s7.947,17.787,17.796,17.787c9.848,0,17.829-7.935,17.829-17.783 C35.625,7.988,27.644,0,17.796,0z"/>
    <g>
        <path class="header-filter-icon" fill="#FFFFFF" d="M15.062,30.263v-9.935l-8.607-8.703h22.343l-8.744,8.727v5.029L15.062,30.263z M8.755,12.625l7.291,7.389 v7.898l3.025-2.788v-5.086l7.426-7.413H8.755z"/>
    </g>
</g>
</svg>

Lorsque je lance le <title> balises dans le JSFiddle à partir de ci-dessus, ils n'ont pas aider à éclater tout "helper texte" jusqu'au survol de la souris. Pouvez-vous l'obtenir à montrer? (Google Chrome 34.0.1847.116)
Ajout <g> aide également dans ce cas d'avoir <svg> par <xpath:href> à l'intérieur. <svg><title>...</title><xpath:href>... montrera alt texte dans Firefox mais pas sur Chrome. Ajout <g> avant <title> corrections de Chrome comportement.
En Mai 2019, ce qui donne un "Haut niveau de Gravité de l'Émission" dans l'Analyseur de SEO dans Bing Webmaster Tools. Il semble que Bing ne fait pas la distinction entre SVG balises title et la balise de titre, dans la tête; de là, se plaint le site dispose de plusieurs balises de titre. Cette information peut ne pas être une priorité pour tout le monde, mais il peut être utile pour certains.

InformationsquelleAutor defghi1977

-2

<svg viewBox="0 -10 300 300" width="100%" height="100%" >
<g>
<title>Hola Mundo</title>
<a href="https://developer.mozilla.org/en-US/docs/SVG" target="_blank">
<polygon points="..." style="fill:lime;stroke:black;stroke-width:1;fill-opacity:0.8" />
</a>
</g>
<g>
<title>Aguante el Rojo</title>
<a xlink:href="http://www.carbap.org" xlink:show="new" target="_blank">
<polygon points="..." style="fill:lime;stroke:black;stroke-width:1" />
</a>
</g>
<polygon points="..." style="fill:lime;stroke:black;stroke-width:1" />
<polygon points="..." style="fill:lime;stroke:black;stroke-width:1" />
<polygon points="..." style="fill:lime;stroke:black;stroke-width:1" />
<polygon points="..." style="fill:lime;stroke:black;stroke-width:1" />
<polygon points="..." style="fill:lime;stroke:purple;stroke-width:1" />
<polygon points="..." style="fill:lime;stroke:purple;stroke-width:1" />
<g>
<title>Hello world!</title>
<path d="..." stroke="black" stroke-width="1" fill="lime" fill-opacity=0.5 />
</g>
Sorry, your browser does not support inline SVG.
</svg>