¿Cuál es el beneficio de agregar null alt = ""? ¿es solo para pasar la validación o tiene más razones¿Cuál es el beneficio de agregar vacío alt = ""? y que alt debe usarse este alt = "" o alt = ""?
y cómo debe escribirse?
como éste, no hay espacio
alt=""
o esto con un espacio en blanco
alt=" "
Otras respuestas han señalado los requisitos en la norma. Aquí está un ejemplo práctico:
Dadas texto en blanco alt, Lynx render:
Dado un atributo alt que falta, el lince rendirá:
filename.jpg
Usted no quiere su conte nt tener nombres de archivo irrelevantes dispersos en todo.
y qué método es correcto para agregar null alt? y cómo se comportará la pantalla con su ejemplo –
El uso de un espacio es, IIRC, para evitar errores en algún software anterior. Los lectores de pantalla se comportan de manera diferente (dependiendo de qué lector de pantalla y cómo esté configurado). Algunos le dirán al usuario que hay una imagen allí, otros saltearán sobre ella, algunos probablemente permitirán que el usuario obtenga información sobre el nombre del archivo. – Quentin
su sugerencia era correcta. si usamos alt = "", entonces IE da una punta de herramienta en blanco sobre el mouse –
para obtener su XHTML validado. El alt es un atributo obligatorio en las imágenes.
Agregarlo vacío es sin embargo un signo de pereza por parte de los programadores (aunque admito que también lo hago por imágenes que no son clave para la navegación del sitio como pequeños elementos decorativos, etc.).
P.S. Si tiene elementos decorativos como componentes ocultos, ciertos adornos, puede agregarlos no con imágenes, sino como fondo de CSS, evitando así la necesidad de escribir un texto alternativo y mantener su marcado limpio de elementos no relacionados con el contenido.
También es obligatorio para HTML. – Joey
Tal vez en un par de décadas la validación será mucho más difícil y requerirá una cadena no vacía. Esta podría ser la carrera de armamentos tecnológicos más emocionante de la historia. –
No creo que sea siempre el caso de la pereza: hay imágenes (espaciadores, bordes, etc.) que realmente no desea leer, ya que en su mayoría son decoración y no contribuyen al contenido. por lo que debe poder marcar aquellos para ser ignorados por un lector. Lamentablemente, esto no es algo de lo que yo sepa ni de cerca (todavía), por lo que me gustaría recibir más comentarios ... – Murph
Para las imágenes que no tienen texto alternativo adecuado (es decir, las imágenes que no tienen ninguna semántica, como elementos decorativos), el atributo alt debe estar vacío. Vacío significado vacío, ni un solo espacio (que es una convención y recomendación, pero una buena).
El atributo
altdebe especificarse para los elementosIMGyAREA. Es opcional para los elementosINPUTyAPPLET.Si bien el texto alternativo puede ser muy útil, debe manejarse con cuidado. Los autores deben seguir las siguientes pautas:
- No especifique un texto alternativo irrelevante si se incluyen imágenes destinadas a dar formato a una página, por ejemplo,
alt="red ball"sería inapropiado para una imagen que añade una bola roja para la decoración de un encabezamiento o párrafo. En tales casos, el texto alternativo debe ser la cadena vacía (""). En cualquier caso, se recomienda a los autores evitar el uso de imágenes para formatear páginas; las hojas de estilo deben usarse en su lugar.- No especifique texto alternativo sin sentido (por ejemplo, "texto ficticio"). Esto no solo frustrará a los usuarios, sino que ralentizará los agentes de usuario que deben convertir texto a voz o salida en braille.
Los implementadores deben consultar la sección de accesibilidad para obtener información sobre cómo manejar los casos de texto alternativo omitido.
- HTML 4 specification. Section 13.8 How to specify alternate text
es nulo alt solo para validación? –
El atributo es * obligatorio * para elementos 'img'. Así que sí, en cierto modo, esto es para permitir que los documentos sean validados y al mismo tiempo garantizar que no se introduzcan desorden inútiles para el lector en imágenes sin significado. – Joey
¿Quieres decir que el lector de pantalla pasará por alto null alt? –
Voy a añadir esto como una respuesta tan bien (originalmente un comentario en otra respuesta), ya que tipo de sentido para hacerlo.
Las imágenes utilizadas para diseñar la página (y por lo tanto no tienen un uso "alt" real) deben insertarse a través de CSS y de la imagen de fondo y sus parientes, no a través de marcado. De esa forma haces dos cosas buenas a la vez. Mantiene su diseño en sus hojas de estilo y mantiene el código no semántico fuera de su página.
Aunque creo que la "semántica es Dios", el movimiento no ha podido ver el error que es div y span, y la ambigüedad inherente que producen, creo que un div con background-image es mejor que una etiqueta img para el estilo.
No se olvide del tercer caso: imágenes que ilustran el contenido. No agregan ningún significado significativo, pero están contentos. (por ejemplo, un gráfico que muestra los datos en una tabla de una manera visual, o una imagen de una persona que un artículo discute.) Estos no son elementos de diseño, pero tampoco deberían tener texto alternativo. – Quentin
Claro que deberían.Un elemento alt describe lo que contiene la imagen, de modo que aquellos que no pueden representar imágenes (o usan lectores de pantalla) saben qué hay allí. "12215426.jpg" no les dice nada, mientras que "Obama sostiene un paraguas" o "Gráfico que detalla las ventas durante el año pasado", dígales cosas. El elemento alt debe ser el que sea el título de la imagen, o algo simplificado si la imagen tiene un título. –
"Obama sosteniendo un paraguas" o "Gráfico que detalla las ventas durante el año pasado" no les dice cosas * útiles, y no tiene sentido si está usando un navegador de texto. El texto alternativo es una alternativa a, no una descripción de. Debe asegurarse de que la información que la imagen está diseñada para transmitir esté en el documento, no necesita decirle al usuario todo lo que no puede ver (aunque ocasionalmente es útil, pero eso es lo que el 'longdesc' atributo es para). – Quentin
El título probablemente debería decir "vacío" en lugar de "nulo", porque "nulo" a veces tiene un significado específico de cadena no vacía en la representación de datos (incluido Javascript, pero excluyendo HTML); y ya ilustras tu significado con las comillas vacías. – Anonymous