Saltar al contenido principal
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

Accesibilidad de la información estratégica del sitio web/la aplicación


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


Funciones de accesibilidad de información estratégica de sitio web/aplicación

Los proyectos de información del sitio web/aplicación tienen muchas funciones incorporadas para que la accesibilidad sea fácil. Estas son algunas de las funciones de accesibilidad que puede encontrar en la plataforma:

  • Todos los elementos Creativos son tabulables y se puede hacer clic con el teclado. Admitimos TAB, ESC e Intro (y volver, para usuarios de Mac), pero no admitimos las teclas de flecha u otros.
  • Para los diseños Ventana emergente superpuesta y Diálogo interactivo interactivo, los usuarios no pueden realizar la pestaña fuera del Diseño hasta que se cierre. Además, no permite el tabulador en la página subyacente.
  • Para los diseños Ventana emergente superpuesta y Diálogo interactivo, el enfoque se aplica directamente al Diseño una vez que se muestra.
  • Si se utilizan destinos incrustados, los usuarios pueden hacer clic con el botón derecho en el destino incrustado y añadir un título de iFrame.
  • Si se utilizan ventanas incrustadas en las opciones avanzadas de Intercept, los usuarios pueden añadir un título de iframe.

A continuación, cubriremos las características de accesibilidad únicas para las necesidades de cada diseño de Diseño.

Diseño de diálogo reactivo

  • Texto alternativo fácil de definir: si se utiliza un icono personalizado dentro del diálogo, permitimos a los usuarios especificar Texto alternativo para indicar el texto que el lector de pantalla debe leer cuando el foco está en el icono.
    Consejo Q: Si selecciona Incluir un icono para descartar el intercept, el texto alt del botón X que aparece en la parte superior derecha del Diseño es “cerrar”. Este texto alternativo también está localizado.
  • Etiquetas ARIA para controles de botón: Por defecto, los lectores de pantalla leerán el texto que especifique para la etiqueta de botón. Sin embargo, en algunos casos, es posible que desee que el lector de pantalla lea un contexto adicional, como “Haga clic en este botón para abrir una nueva ventana de encuesta”. En este caso, puede especificar la etiqueta ARIA para los controles de botón.
  • Los contrastes de color de los elementos dentro del propio diseño: si bien Qualtrics no puede proporcionar una guía de contraste directa, los usuarios tienen el control total para elegir y elegir el color adecuado para los elementos creativos.

Diseño del botón de retroalimentación

Pop Over, Slider, InfoBar, and Custom Embedded Feedback Creatives

  • Los contrastes de color de los elementos dentro del propio diseño: si bien Qualtrics no puede proporcionar una guía de contraste directa, los usuarios tienen el control total para elegir y elegir el color adecuado para los elementos creativos.
Consejo Q: Los botones de destino de estos diseños necesitan ediciones adicionales para que sean accesibles, ya que los nombres y roles de los botones seleccionados pueden variar. Consulte las secciones enlazadas de la página de soporte para obtener más detalles.

SDK de la aplicación móvil

  • Accesible para lectores de pantalla móviles:
    • Facilita que los lectores de pantalla naveguen y salgan del diálogo.
    • Permite leer el texto dentro de los botones y también el tipo de elemento (por ejemplo, botón).

Creación de un diseño de diálogo interactivo accesible

En esta sección se explica cómo editar un diseño de diálogo receptivo para que sea accesible para los lectores de pantalla.

  1. Vaya a la página Proyectos y, a continuación, cree un proyecto de Sitio web/App Insights.
  2. Haga clic en Crear nuevo.
    Haga clic en Crear nuevo a la derecha
  3. Seleccionar Diálogo de respuesta como tipo de intercept.
    Haga clic en el cuadro en el extremo izquierdo
  4. Asigne un nombre a su intercept.
    Cree su intercept con un nombre
  5. Elija una encuesta para enlazar o ingrese una dirección URL personalizada a la que dirigirse.
  6. Haga clic en Siguiente.
  7. Seleccione Botones.
    Seleccione Botones y, a continuación, proporcione el feedback de la etiqueta
  8. Inserte el texto adecuado para cada uno de los botones en la sección Texto. Este texto se mostrará visualmente a los usuarios y los lectores de pantalla lo leerán en voz alta.
  9. Haga clic en Logos e imágenes.
    Haga clic en Logotipos en el lado izquierdo y, a continuación, asigne un nombre a su texto alternativo
  10. Modifique la sección Texto alternativo para proporcionar una descripción escrita del gráfico. Los visitantes que utilizan lectores de pantalla tendrán el texto alternativo leído para que sepan cuál es la imagen si tienen problemas de visión.
  11. Si está visualizando su encuesta directamente en el diálogo, vaya a Tamaño y estilo.en el &amp de tamaño; estilo tab, añadir un título iframe
  12. Casilla de selección para Visualizar encuesta directamente en el diálogo.
  13. En el cuadro Título de Iframe, introduzca el texto que desea que lean los lectores de pantalla cuando se encuentren por primera vez con su encuesta.
Consejo Q: Si no está utilizando un flujo de trabajo guiado para crear su intercept, siga los pasos del 7 al 13 para cada diseño.

Creación de un diseño de botón de opinión accesible

  1. Vaya a la página Proyectos y, a continuación, cree un proyecto de Sitio web/App Insights.
  2. Haga clic en Crear nuevo.
    Haga clic en Crear nuevo a la derecha
  3. Seleccionar Botón para proporcionar una opinión como tipo de intercept.
    Haga clic en el icono del medio Botón Comentarios
  4. Asigne un nombre a su intercept.
    Cree su intercept con un nombre
  5. Elija una encuesta para enlazar o ingrese una dirección URL personalizada a la que dirigirse.
  6. Haga clic en Siguiente.
  7. Vaya a Look & Feel.
    Vaya a Look & siéntese en el lado derecho y, a continuación, introduzca el texto del botón
  8. Inserte el texto adecuado para los botones en la sección Texto de botón. Este texto se mostrará visualmente a los usuarios y los lectores de pantalla lo leerán en voz alta.
  9. Si utiliza un botón personalizado, seleccione Usar mi propio botón y cargue la imagen adecuada desde su ordenador.
  10. Una vez cargada la imagen, cambie el texto Alt para proporcionar una descripción escrita del botón. Los visitantes que utilizan lectores de pantalla tendrán el texto alternativo leído para que sepan cuál es la imagen si tienen problemas de visión.
    Si se hace clic con mi propio botón, cargue una imagen desde su ordenador
  11. Haga clic en Mostrar encuesta.
    Haga clic en la pantalla de la encuesta a la izquierda
  12. Especifique un título de iFrame en la sección Título de iFrame. Si ha añadido un destino incrustado a su intercept, esta opción añadirá un título al iFrame que los lectores de pantalla pueden interpretar.

Añadir texto alternativo y roles a pulsadores de destino

Consejo Q: Si no tiene acceso a ninguna de las funciones descritas en esta sección, póngase en contacto con su Account Executive. Para obtener más información sobre las diferencias entre los comentarios digitales y CustomerXM for Digital, consulte Opinión digital vs. CustomerXM para Digital.
Consejo Q: Los diálogos reactivos y los botones de opinión no requieren este paso.
Atención: Las características de codificación personalizadas se proporcionan tal cual y pueden requerir conocimientos de programación para su implementación. Nuestro equipo de soporte técnico no ofrece asistencia ni consultoría sobre programación personalizada. En su lugar, puede preguntar a los usuarios especializados de nuestra comunidad. Si desea obtener más información sobre nuestros servicios de codificación personalizada disponibles para la compra, póngase en contacto con su Account Executive de Qualtrics.

Si su Objetivo tiene la forma de una imagen de botón que ha cargado, añadir texto alternativo y un atributo de rol ayuda al lector de pantalla a entender qué se supone que debe decir y hacer el botón.

  1. Abra su Diseño en la pestaña Diseños.
  2. Haga doble clic en el elemento Destino que contiene la imagen.
    Se hace doble clic en el botón del editor de diseños, lo que revela una nueva barra de herramientas arriba con un botón de origen
  3. Haga clic en Fuente.
  4. Dentro de la etiqueta <img> , añada un atributo alt <img alt="text here" /> a la etiqueta y establezca el valor igual al texto de la imagen.
    <img alt="Sign Up Now" ... />
    Consejo Q: El software de lectura de pantalla leerá en voz alta lo que está contenido en el atributo alt cuando llegue a la imagen.

    En el origen, la etiqueta img tiene una etiqueta alt, igual que esta imagen

  5. Rodee la etiqueta <img> con una etiqueta <span> .
    Extensiones añadidas al texto fuente del botón
  6. Añada un atributo role=”button” a la etiqueta <span> .
    <span role="button"><img .../></span>
    Consejo Q: El atributo de rol le dice al visitante que utiliza un lector de pantalla que este elemento es un botón que se puede activar.

    Un rol añadido al conjunto de etiquetas span igual a botón

Destinos estándar (texto de enlace)

  1. Abra su Diseño en la pestaña Diseños.
  2. Haga doble clic en el elemento Destino que contiene el texto.
    Se hace doble clic en el destino del editor de diseños, lo que revela una nueva barra de herramientas arriba con un botón Origen
  3. Haga clic en Fuente.
  4. Añada un atributo role=”button” a la etiqueta <span> .
    <span role="button" ... >Contenido de cuadro de texto</span>

    Se ha fijado un botón de rol igual a en la etiqueta span

Añadir texto alternativo y roles a botones de cierre

Consejo Q: Los diálogos reactivos y los botones de opinión no requieren este paso.
Atención: Las características de codificación personalizadas se proporcionan tal cual y pueden requerir conocimientos de programación para su implementación. Nuestro equipo de soporte técnico no ofrece asistencia ni consultoría sobre programación personalizada. En su lugar, puede preguntar a los usuarios especializados de nuestra comunidad. Si desea obtener más información sobre nuestros servicios de codificación personalizada disponibles para la compra, póngase en contacto con su Account Executive de Qualtrics.

Botón Cerrar como imagen

  1. Abra su Diseño en la pestaña Diseños.
  2. Haga doble clic en el elemento Cerrar que contiene la imagen.
    Se hace doble clic en el botón Cerrar del editor de diseños, lo que revela una nueva barra de herramientas arriba con un botón Origen
  3. Haga clic en Fuente.
  4. Añada el atributo alt=”close” a la etiqueta <img> .
    <img alt="close" ... />
    Consejo Q: El software de lectura de pantalla leerá en voz alta lo que está contenido en el atributo alt cuando llegue a la imagen.

    Se ha añadido una etiqueta alt igual a la palabra Cerrar a la etiqueta img dentro de la fuente

  5. Rodee la etiqueta <img> con una etiqueta <span> .
    Extender etiquetas dentro del código fuente
  6. Añada un atributo role=”button” a la etiqueta <span> .
    <span role="button"><img .../></span>
    Consejo Q: El atributo de rol le dice al visitante que utiliza un lector de pantalla que este elemento es un botón que se puede activar.

    Se ha añadido un botón Atributo de rol igual a al intervalo

Botón Cerrar como texto

  1. Abra su Diseño en la pestaña Diseños.
  2. Haga doble clic en el elemento Cerrar que contiene el texto.
    Se hace doble clic en el texto de cierre del editor de diseños, lo que revela una nueva barra de herramientas arriba con un botón Origen
  3. Haga clic en Fuente.
  4. Añada un atributo role=”button” a la etiqueta <span> .
    <span role="button" ...>Contenido de cuadro de texto</span>
    Consejo Q: El atributo de rol le dice al visitante que utiliza un lector de pantalla que este elemento es un botón que se puede activar.

    Un atributo de rol añadido al span fijado como botón igual a

Preguntas frecuentes

Muchas de las páginas de este sitio han sido traducidas del inglés original utilizando la traducción automática. Aunque en Qualtrics hemos realizado nuestra diligencia debida para obtener las mejores traducciones automáticas posibles, la traducción automática nunca es perfecta. El texto original en inglés se considera la versión oficial, y cualquier discrepancia entre el inglés original y las traducciones automáticas no son legalmente vinculantes.