Si desea ocultar algo de los usuarios que usan teléfonos, tabletas y tecnologías de asistencia, y solo mostrarlo a los usuarios del teclado, use el atributo de título.
detalle
Hay un problema con el atributo de título del HTML en sí. El problema es porque no funciona lo suficientemente bien en algunos aspectos importantes, a pesar de que ha estado con nosotros durante más de 14 años. Con el aumento de los dispositivos táctiles, el papel de este atributo se ha reducido aún más. La accesibilidad de los atributos del título se ha convertido en una pérdida de dinero, y debido a la falta de soporte de navegador, el apoyo de los lectores de pantalla y los productores prestan atención.
El atributo del título se vuelve redundante debido a la falta de apoyo en los siguientes casos:
Para aquellos que acceden a la información de contenido web en su navegador móvil. Por lo general, el contenido del atributo de título se muestra como un mensaje de inmediato en el navegador de escritorio. Hasta donde yo sé, ningún navegador móvil admite que muestran indicaciones, y no hay otros métodos visuales para acceder al contenido de los atributos del título.
Proporcione información para aquellos que no pueden usar el mouse. Por lo general, el contenido del atributo de título se muestra como un mensaje de inmediato en el navegador de escritorio. Aunque el comportamiento de la solicitud de mensajes ha existido durante más de 10 años, nunca ha habido un navegador para implementar el método de usar el teclado para mostrar los atributos del título.
Para su uso en la mayoría de los elementos HTML, proporciona información para las personas que utilizan varias tecnologías de asistencia. Hasta donde yo sé, los lectores de pantalla no admiten acceder a la información del atributo de título de manera consistente.
Los usuarios no son amigables con el atributo de título de la siguiente manera
Usuarios de teléfonos móviles
Solo usuarios que usan teclados
Usuarios que usan el amplificador de pantalla
Usuario del lector de pantalla
Usuarios con trastornos de habilidades motoras finas
Usuarios con deterioro cognitivo
Ejemplos de atributos de título útiles:
Marco de etiqueta o elemento iframe:
<cuadro de marco = navegación>
Proporcione etiquetas que solo aparezcan en circunstancias especiales que requieren programas para implementar. El uso de etiquetas de texto visibles directamente aparecerá redundante:
<input type = text title = search> <input type = enviar value = búsqueda>
Controles de etiqueta en tablas de datos.
Ejemplos de atributos de título son inútiles o no muy útiles:
Agregue información adicional a los enlaces o el contenido circundante que no se puede usar como texto:
<a href = Newsletter.pdf title = PDF File, tamaño 1 MB.> Newsletter </a>
En cambio, dicha información debe ser parte del texto del enlace o al lado del enlace.
Proporcione la misma información que el texto del enlace:
<a href = Newsletter.pdf title = Newsletter> Newsletter </a>
Se recomienda no copiar el contenido del enlace como atributo de título. Esto es realmente equivalente a no hacer nada.
Título para la imagen:
<img src = castle1858.jpeg title = pintura a base de aceite en lienzo. Maria Towle, 1858.
Alt = El castillo ahora tiene dos torres y dos paredes.>
Probablemente la información del título es la información más importante y todos los usuarios deben acceder de manera predeterminada. Si es así, entonces este contenido debe estar al lado de la imagen.
Se utiliza para reemplazar las etiquetas del formulario y eliminar etiquetas de texto visibles:
<Input type = text title = name>
El usuario del lector de pantalla accederá a la etiqueta del elemento de formulario porque el atributo de título está incluido en el nombre de la propiedad en la API de accesibilidad (no es compatible cuando la etiqueta de texto usa el elemento de la etiqueta). Muchos otros usuarios no son así. Se recomienda incluir una etiqueta de texto visible cuando sea posible.
Proporcione la misma información para los elementos de formulario como contenido de etiqueta visible:
<etiqueta for = n1> name </label> <input type = text title = name id = n1>
La repetición del texto de la etiqueta visible es imposible, excepto agregar una serie de ruido cognitivo del usuario. No lo hagas. La repetición del texto de la etiqueta visible no parece tener ningún efecto que no sea agregar una serie de ruido cognitivo molesto, deteniendo este uso.
Proporcionar instrucciones adicionales para los elementos de formulario:
<etiqueta for = n1> name </label> <input type = text title = use upperCase.id = n1>
Si esta directiva es importante para el uso correcto de los elementos de formulario, proporcione información de texto sobre los elementos para garantizar que cada usuario pueda leerlo.
Como extensión de abreviatura:
<ABBR Title = World Wide Web Consortium> W3C </BBR>
Aunque el atributo de título del elemento ABBR es compatible con el software de lector de pantalla, usarlo sigue siendo problemático porque otros grupos de usuarios no pueden usarlo. Se recomienda proporcionar el nombre completo en formato de texto cuando la abreviatura aparece por primera vez en el documento, o proporcionar un glosario del formulario de nombre completo. Esto no significa que el atributo de título no se pueda usar, porque tiene limitaciones y se debe proporcionar el nombre completo del formulario de texto.
HTML 5.1 incluye sugerencias generales para usar atributos del título:
Actualmente, no se fomenta el atributo de título, porque muchos agentes de usuarios no pueden mostrar este atributo de acuerdo con los requisitos de especificación (como el dispositivo de puntero del mouse, debe causar la visualización de información rápida, excluyendo a los usuarios que solo usan los usuarios de teclado y pantalla táctil)
Reemplazar el atributo de título del atributo ALT del elemento IMG o como se prohíbe el título de la imagen
Actualmente, confiar en el atributo del título, se prohíbe actualmente, porque muchos agentes de usuarios tienen un soporte de accesibilidad débil para este atributo ...