¿Es posible para mí agregar un atributo alt a un svg o un icono para que, si no se carga, mis usuarios puedan tener una idea de lo que se representa allí como en las imágenes... algo como esto:
<svg class="header__social--icon"> <use xlink:href="./data/images/sprite.svg#icon-twitter"></use> </svg> ahora 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>de modo que si no se puede mostrar el icono svg, ¿se muestra el svg de twitter?
Sí tu puedes. El atributo alt especifica un texto alternativo para un área, si la imagen no se puede mostrar.
El atributo alt proporciona información alternativa para una imagen si un usuario por alguna razón no puede verla (debido a una conexión lenta, un error en el atributo src o si el usuario usa un lector de pantalla).
Lo que podría hacer es exportarlo como un archivo svg, luego usar la etiqueta img y agregarle un alt . Espero que esto ayude. Aparte de eso, no creo que haya una manera.
Como esto:
<img src="path/to/your/svg/imag" alt="this is the alternative text">