Estoy usando un CMS para imágenes, que de forma predeterminada no genera atributos alt en etiquetas de imagen a menos que se proporcione el texto alt.
Puedo proporcionar un espacio vacío "" en la etiqueta alt para producir:
<img src="/images/../.." alt=" "/>
¿Sería este un problema con los lectores de pantalla y la accesibilidad web?
Respuestas
1 para la respuesta № 1Si no está utilizando un texto alternativo, puede ir sin el alt atributo. No se validará, pero no cambiará nada, funcionará exactamente igual. Simplemente estás complaciendo al validador.
Usando un espacio no debería "t traer cualquier problema
2 para la respuesta № 2
Hay tres formas en que los autores de HTML pueden escribir texto ALT en sus imágenes:
- Sin atributo ALT dado
- Con un atributo ALT que no contiene caracteres legibles
- Con un atributo ALT que se puede leer.
Estos se manejan de diferentes maneras.
En el caso de una imagen que carece de un atributo ALT, como este:
<img src="/images/fruit.png" width="100" height="100" />
... el comportamiento predeterminado del lector de pantalla es leer el atributo SRC en voz alta. Entonces, asumiendo que esta imagen fue alojada en el images carpeta en example.com, el lector de pantalla diría: Graphic: h ttp://www.example.com/images/fruit.png. Omitir el atributo ALT es una mala práctica, porque los visitantes ciegos terminan teniendo que vadear toneladas de galimatías irrelevantes.
En el caso de una imagen que tiene un atributo ALT que no contiene ninguna información legible, como cualquiera de estos dos:
<img src="/images/fruit.png" width="100" height="100" alt="" />
<img src="/images/fruit.png" width="100" height="100" alt=" " />
... el comportamiento predeterminado es pasar silenciosamente sobre esa imagen. El lector de pantalla no puede pronunciar un espacio o una cadena vacía; Y por eso no dice nada. Esta es la forma correcta de suprimir el anuncio de imágenes puramente decorativas. Tenga en cuenta, sin embargo, que la encuesta de uso del lector de pantalla WebAIM más reciente encontró que la mayoría de los usuarios ciegos quieren saber que una imagen está ahí, incluso si no les transmite mucho. Así que sé juicioso al suprimir imágenes con texto alternativo vacío; Úselo solo cuando la imagen realmente transmita cero.
Por último, por supuesto, es el texto alternativo regular:
<img src="/images/fruit.png" width="100" height="100" alt="Photo of apples." />
En este caso el lector de pantalla dirá "Gráfico: Foto de manzanas". Poner un punto en hace que el lector de pantalla se detenga al final del texto ALT.
Elegir un buen texto ALT es importante, y puede serdifícil. En general, si su imagen contiene una imagen de texto, entonces debe reproducir ese texto (o una abreviatura adecuada) en su texto ALT. Si es ilustrativo o fotográfico, su texto ALT debe ser una descripción concisa del contenido de la foto. Si es una imagen compleja como un diagrama, bueno, es posible que deba usar el texto ALT para dirigir al usuario hacia una descripción más completa. Descripción en otra parte de la página. (El atributo LONGDESC fue diseñado para este propósito, pero no es ampliamente compatible con los lectores de pantalla).
Si su imagen también es un enlace, es absolutamente vital tener un texto ALT sensible; de lo contrario, sus visitantes ciegos no tendrán idea de lo que hace el enlace.
Recomiendo obtener un lector de pantalla (como NVDA, que es de código abierto) y probar con él. Puede ser, disculpe el mal juego de palabras, una revelación.
0 para la respuesta № 3
El único problema es que el cliente desea que el sitio indique que es compatible con XHTML, por lo que necesitamos las páginas para validar :(