para - Etiqueta HTML img: atributo de título vs. atributo alt?
seo imagenes wordpress (9)
Creo que se requiere alt para un cumplimiento estricto de XHTML.
Como otros han notado, el título es para información sobre herramientas (es bueno tenerlo), alt es para accesibilidad. No hay problema con el uso de ambos, pero alt siempre debe estar ahí.
Estaba navegando en Amazon.com y noté que al buscar "1TB" ( http://www.amazon.com/s/ref=nb_ss_gw?url=search-alias%3Daps&field-keywords=1TB ) si mueve el mouse sobre el imagen de calificación de estrellas, solo verá el puntaje si usa IE. Si está usando otro navegador, entonces el puntaje no se mostrará.
Una calificación de 3.8 y una calificación de 4.2 ambas se muestran como 4 estrellas. Por supuesto, un 3.8 estrellas vs 4.2 estrellas (76% vs 84% de puntuación) podría hacer la diferencia!
Esto se debe a que la forma estándar de mostrar el texto "alt" es solo cuando el usuario apaga los gráficos o cuando se "lee" el navegador (por ejemplo, el navegador para usuarios con discapacidad visual). IE, sin embargo, lo muestra en el vuelo estacionario.
Entonces, si Amazon lo muestra independientemente del navegador del usuario, entonces debería usarse "title" además de "alt". ¿Estarías de acuerdo?
En mi opinión, el texto alternativo siempre describe lo que está visible en la imagen, en el caso de que la imagen no se muestre.
alt = text [CS] Para agentes de usuario que no pueden mostrar imágenes, formularios o applets, este atributo especifica texto alternativo. El idioma del texto alternativo se especifica mediante el atributo lang.
Eso se debe a que sirven para diferentes propósitos y ambos deben usarse no solo uno sobre el otro.
El "alt" es para lo que ustedes ya han dicho, para que puedan ver de qué se trata la imagen si no se puede mostrar (por el motivo que sea), sino que también les permite a las personas con discapacidad visual entender de qué se trata la imagen.
El atributo "título" es el correcto para mostrar la información sobre herramientas con un título para la imagen.
MVCFutures para ASP.NET MVC decidió hacer ambas cosas. De hecho, si proporciona ''alt'' creará automáticamente un ''título'' con el mismo valor para usted.
No tengo el código fuente a mano, pero una búsqueda rápida en Google me mostró un caso de prueba.
[TestMethod]
public void ImageWithAltValueInObjectDictionaryRendersImageWithAltAndTitleTag() {
HtmlHelper html = TestHelper.GetHtmlHelper(new ViewDataDictionary());
string imageResult = html.Image("/system/web/mvc.jpg", new { alt = "this is an alt value" });
Assert.AreEqual("<img alt=/"this is an alt value/" src=/"/system/web/mvc.jpg/" title=/"this is an alt value/" />", imageResult);
}
No debe usar el atributo title para el elemento img. El razonamiento detrás de esto es bastante simple:
Presumiblemente, la información de los subtítulos es información importante que debería estar disponible para todos los usuarios de manera predeterminada. Si es así, presente este contenido como texto al lado de la imagen.
Fuente: http://blog.paciellogroup.com/2010/11/using-the-html-title-attribute/
HTML 5.1 incluye consejos generales sobre el uso del atributo de título:
En la actualidad, se desaconseja confiar en el atributo de título ya que muchos agentes de usuario no exponen el atributo de manera accesible tal como lo requiere esta especificación (por ejemplo, requerir un dispositivo señalador como un mouse para provocar una información emergente, que excluye usuarios y usuarios con solo toque, como cualquier persona con un teléfono o tableta moderno).
Fuente: http://www.w3.org/html/wg/drafts/html/master/dom.html#the-title-attribute
Cuando se trata de accesibilidad y diferentes lectores de pantalla:
- Mandíbulas 10-11: desactivado por defecto
- Window-Eyes 7.02: activado por defecto
- NVDA: no compatible (sin opciones de soporte)
- VoiceOver: no compatible (sin opciones de soporte)
Por lo tanto, como bien lo dijo Denis Boudreau : claramente no es una práctica recomendada .
No, creo que alt es mejor porque el objetivo de ese atributo es proporcionar texto "alternativo" en el caso de que la imagen no se pueda ver (ya sea que la imagen no se encuentre o que el navegador no sea capaz de mostrarla).
Yo iría por los dos. Título mostrará una buena información sobre herramientas en todos los navegadores y alt dará una descripción al navegar en un navegador sin imágenes.
Dicho esto, me encantaría ver algunas estadísticas de cuántos "surfistas" que van a una "tienda" para navegar por la mercancía en realidad tienen imágenes apagadas o están usando un navegador que no admite imágenes. Creo que los días en que el 90% de la población está utilizando un módem de 28k para conectarse a InterWeb ya han pasado.
alt y title son para cosas diferentes, como ya se mencionó. Mientras que el atributo title proporcionará una información sobre herramientas, alt también es un atributo importante, ya que especifica el texto que se mostrará si la imagen no se puede mostrar. (Y en algunos navegadores, como firefox, también verá este texto mientras se carga la imagen)
Otro punto que creo que debería hacerse es que se requiere el atributo alt para validar como un documento XHTML, mientras que el atributo del título es simplemente una "opción extra", por así decirlo.
Se usan para diferentes cosas. El atributo alt se usa en lugar de la imagen. Si la imagen no se puede mostrar, o (creo) en lectores de pantalla.
El atributo del title se muestra junto con la imagen, generalmente como una información sobre herramientas al pasar el mouse.
Uno no debe ser usado "en cambio" del otro. Cada uno debe usarse correctamente , para hacer las cosas para las que fueron diseñados.