Lector de pantalla con un espacio no de ruptura en el atributo alt

Question

Estoy usando un CMS para imágenes, que de forma predeterminada no genera atributos alt en las 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="../.." alt=" "/>

¿Sería esto un problema con los lectores de pantalla y la accesibilidad web?

Answer 1

Si no está utilizando un texto alternativo, puede ir sin el atributo alt . No se validará, pero no cambiará nada, funcionará exactamente igual. Simplemente estás complaciendo al validador.

Usar un espacio no debería traer problemas.

Answer 2

Hay tres formas en que los autores de HTML pueden escribir texto ALT en sus imágenes:

1. Sin atributo ALT dado
2. Con un atributo ALT que no contiene ningún carácter legible
3. 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="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 estaba alojada en la carpeta images en example.com, el lector de pantalla diría: Gráfico: 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 información legible, como cualquiera de estos dos:

<img src="fruit.png" width="100" height="100" alt="" />
<img src="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. Sin embargo, tenga en cuenta que la encuesta más reciente sobre el uso del lector de pantalla WebAIM encontró que la mayoría de los usuarios ciegos desean saber una imagen allí incluso si no les transmite mucho . Así que sé juicioso al suprimir las imágenes con texto alt vacío; utilícelo solo cuando la imagen realmente transmita cero.

Por último, por supuesto, es un texto alternativo normal:

<img src="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 ser difícil. En general, si su imagen contiene una imagen de texto, entonces debe reproducir ese texto (o una abreviatura adecuada de él) 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, es posible que deba usar el texto ALT para dirigir al usuario a una descripción más completa 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 realizar pruebas con él. Puede ser, disculpe el mal juego de palabras, una revelación.

Answer 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 :(