Cómo agregar texto Tooltip

Si usted está buscando para hacer su sitio web totalmente accesible, sabiendo cómo agregar información sobre herramientas a los enlaces y las imágenes en su sitio web es una necesidad.

Instrucciones

1 Adición de una sugerencia de un enlace es muy simple. Con el fin de añadir su información de herramientas, busque el texto del enlace que desea adjuntar la información sobre herramientas.

(Por ejemplo, <a href="Click"> http://www.website.com "> Haga clic aquí! </a>)

2 En su código, añadir: title = "su información de herramientas aquí" para el enlace.
(Por ejemplo, <a href="http://www.website.com" title="Awesome website"> Haga clic aquí </a>)

3 Adición de una sugerencia de una imagen es también muy simple. Con el fin de añadir su información de herramientas, busque la imagen que desea adjuntar la información sobre herramientas.
(Por ejemplo, <img />)

4 En su código de añadir: alt = "título de su imagen aquí"
(Por ejemplo, <img alt = "gran imagen" />)

5 Una vez que ha añadido sus tooltips, abra su sitio web en un navegador y asegúrese de que aparezcan. Si no, volver atrás y comprobar su código.

Consejos y advertencias

• Para determinar si su código es válido, puede visitar: http://validator.w3.org.
• Para obtener más información sobre las normas, se puede visitar: http://www.webstandards.org/learn/.
• Si usted está buscando para escribir código basado en estándares, el atributo alt es obligatorio.