Articulo de referencia

Información sobre herramientas

Se muestra una información emergente en el navegador web para el hipervínculo a HTML , que indica el significado de la abreviatura. La información sobre herramientas (también co...

Se muestra una información emergente en el navegador web para el hipervínculo a HTML , que indica el significado de la abreviatura.

La información sobre herramientas (también conocida como infotip , sugerencia , texto emergente o texto al pasar el ratón [ 1 ] ) es un elemento común de la interfaz gráfica de usuario (GUI) en el que, al pasar el ratón sobre un elemento o componente de la pantalla, un cuadro de texto muestra información sobre ese elemento, como una descripción de la función de un botón, el significado de una abreviatura o la marca de tiempo absoluta exacta en lugar de un tiempo relativo ("… hace"). En la práctica común, la información sobre herramientas se muestra continuamente mientras el usuario pasa el ratón sobre el elemento o el cuadro de texto proporcionado por la herramienta. [ 2 ] A veces es posible que el ratón pase el ratón dentro del cuadro de texto proporcionado para activar una información sobre herramientas anidada, y esto puede continuar a cualquier profundidad, a menudo con varios cuadros de texto superpuestos.

En el escritorio, se utiliza junto con un cursor , generalmente un puntero , de modo que la información sobre herramientas aparece cuando un usuario coloca el puntero sobre un elemento sin hacer clic en él. [ 3 ] [ 4 ]

Información sobre herramientas de URL en Kiwi Browser , un derivado de Chromium , que se muestra con el lápiz óptico en un Samsung Galaxy Note 4 .

En los dispositivos con pantalla táctil, se muestra una información sobre herramientas al mantener pulsado un elemento (es decir, al tocar y mantenerlo presionado). [ 2 ] Algunos teléfonos inteligentes tienen métodos de entrada alternativos, como un lápiz óptico , que puede mostrar información sobre herramientas al pasar el cursor sobre la pantalla.

Una variante común de las sugerencias sobre herramientas, especialmente en software antiguo, es mostrar una descripción de la herramienta en una barra de estado . [ 5 ] La función de sugerencias sobre herramientas de Microsoft que se encuentra en su documentación para el usuario final se llama ScreenTips . [ 6 ] La función de sugerencias sobre herramientas de Apple que se encuentra en su documentación para desarrolladores se llama help tags . [ 7 ] El Mac OS clásico utiliza una función de sugerencias sobre herramientas, aunque de una manera ligeramente diferente, conocida como ayuda de globo . [ 8 ] Algunos programas y aplicaciones, como GIMP , ofrecen una opción para que los usuarios desactiven algunas o todas las sugerencias sobre herramientas. Sin embargo, dichas opciones quedan a discreción del desarrollador y, a menudo, no se implementan. [ 9 ]

Origen

El término tooltip proviene originalmente de aplicaciones antiguas de Microsoft (por ejemplo, Microsoft Word 95 ). [ 10 ] [ 11 ] Estas aplicaciones tenían barras de herramientas donde, al mover el ratón sobre los iconos de la barra de herramientas, se mostraba una breve descripción de la función de la herramienta en la barra de herramientas. Más recientemente, estos tooltips se utilizan en varias partes de una interfaz, no solo en las barras de herramientas. El concepto de tooltips como elementos de ayuda contextual en las interfaces de usuario surgió con las primeras interfaces gráficas de usuario para mejorar la usabilidad. [ 12 ]

Ejemplos

CSS , HTML , JavaScript y otros sistemas de codificación permiten a los diseñadores web crear tooltips personalizados. [ 13 ]

Las demostraciones del uso de información sobre herramientas son frecuentes en las páginas web. Muchos navegadores web gráficos muestran el titleatributo de un elemento HTML como información sobre herramientas cuando el usuario coloca el puntero sobre dicho elemento; en un navegador de este tipo, al pasar el cursor sobre imágenes e hipervínculos de Wikipedia, aparecerá una información sobre herramientas. [ 13 ]

Véase también

Referencias

  1. "Comprensión del criterio de éxito 1.4.13: Contenido al pasar el cursor o enfocar" . Pautas de accesibilidad para el contenido web (WCAG) 2.2 . W3C (World Wide Web Consortium). 17 de septiembre de 2025. Consultado el 16 de febrero de 2026 .
  2. 1 2 "Material Design" .
  3. "Definición de información sobre herramientas" . TechTerms.com . Consultado el 13 de mayo de 2014 .
  4. "Acerca de los controles de información sobre herramientas - Aplicaciones de Windows" . Microsoft Docs . 21 de agosto de 2020.
  5. jwmsft. "Tooltips y Infotips - Aplicaciones Win32" . learn.microsoft.com . Consultado el 5 de octubre de 2025 .
  6. " Mostrar u ocultar información en pantalla ". Soporte técnico de Microsoft . Consultado el 13 de diciembre de 2020.
  7. "Ayuda - Interacción con el usuario - macOS - Directrices de interfaz humana - Apple Developer" . developer.apple.com . Consultado el 12 de agosto de 2021 .
  8. "Definición de ayuda con globos | PCMag" .
  9. "22 ejemplos de tooltip que aumentan la participación del usuario" . UserGuiding (en español) . Consultado el 9 de mayo de 2025 .
  10. PROSISE, JEFF (30 de mayo de 1995). PC Mag - Cómo agregar información sobre herramientas a sus aplicaciones de Win 95. Ziff Davis, Inc. pág. 265. 
  11. US6828988B2 , Hudson, Margaret G.; Huynh, Tuan y Lowry, Kent R. et al., "Información sobre herramientas interactiva", publicado el 7 de diciembre de 2004 
  12. «Tooltip y Popover: Cómo y cuándo usarlos» . UXABLES (en español). 17 de julio de 2023 . Consultado el 9 de mayo de 2025 .
  13. 1 2 "ARIA: función de información sobre herramientas - Accesibilidad | MDN" . developer.mozilla.org . 2024-10-25 . Consultado el 2025-02-19 .