es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Existe alguna manera de agregar el atributo “alt” a un archivo SVG en caso de que no se cargue correctamente?

¿Es posible agregar un atributo alt a un SVG o ícono para que si falla al cargarse, mis usuarios puedan tener una idea de lo que se está representando allí, como en las imágenes … algo así?

<svg class="header__social--icon">
  <use xlink:href="./data/images/sprite.svg#icon-twitter"></use>
</svg>

¿Puedo tener una forma de agregar un alt como en las imágenes, por ejemplo?

<svg class="header__social--icon" alt="twitter svg">
  <use xlink:href="./data/images/sprite.svg#icon-twitter"></use>
</svg>

¿Para que si el icono SVG no se puede mostrar, se muestre el icono de Twitter SVG?

Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Sí, se puede agregar un atributo alt a un SVG o un icono. Por ejemplo, el siguiente código agrega un atributo alt a un icono SVG:

    <svg class="header__social--icon" alt="twitter svg">
      <use xlink:href="./data/images/sprite.svg#icon-twitter"></use>
    </svg>
    

    Si el icono SVG no se puede mostrar, el atributo alt mostrará el texto “twitter svg”.

Comments are closed.