Ir al contenido principal

¿Cómo hago que el contenido sea accesible?

Nuestro enfoque es mejorar la experiencia del usuario para todos, incluidos aquellos con discapacidades visuales o que usan lectores de pant

Actualizado esta semana

Calidad y Resolución del Logo:

  • Asegúrate de que los logos utilizados en el sitio web sean de alta calidad y resolución. Evita usar logos estirados o de mala calidad, ya que pueden afectar la accesibilidad.

  • Un ejemplo de buena calidad de logo:

    • Ancho Máximo: 450 píxeles.

    • Altura Máxima: 225 píxeles.

    • Resolución Mínima: 300 DPI para una proyección clara.

    • Formatos de Archivo: SVG, PNG (preferido para transparencia), JPEG para alta calidad.

    • Tamaño Máximo de Archivo: 1 MB.

    • Mantén la proporción original; evita estirar.

    • Usa fondo transparente (o blanco si no está disponible).

    • Sigue las guías de marca del cliente.

Asegúrate de que las descripciones de imágenes se añadan usando Texto Alternativo:

  • Usa nuestro editor de texto enriquecido para añadir texto descriptivo (texto alternativo) a cada imagen. Esto es esencial para los usuarios de lectores de pantalla y mejora la accesibilidad para aquellos con discapacidades visuales. El editor te permite ingresar y editar fácilmente el texto alternativo.

  • Aquí es donde se encuentra la función de texto alternativo del editor de texto enriquecido. Haz clic primero en tu imagen.

  • Luego añade texto que describa la imagen

Formato y Estructura del Texto:

Esto se aplica a la página de Diseño de Encuestas donde se añaden las páginas de Inicio de Sesión, Bienvenida y Gracias. También se aplica al diseño de correos electrónicos y a las preguntas de Contenido Descriptivo (utilizadas en el Constructor de Encuestas para explicar el siguiente conjunto de preguntas)

Utiliza el editor de texto enriquecido para formatear el texto correctamente para los lectores de pantalla.

Puntos clave incluyen:

  • Utiliza estilos de encabezado (H1, H2, H3, etc.) para estructurar tu contenido. Esto ayuda a los usuarios de lectores de pantalla a navegar fácilmente por el documento.

  • Comienza con H1 para el título principal, seguido de H2 para subtítulos, y así sucesivamente. Nuestro editor de texto enriquecido permite ajustes fáciles de formato de texto.- por ejemplo

  • Asegúrate de la orientación adecuada de los encabezados y el texto. Coloca el texto relacionado debajo de los encabezados como texto de párrafo usando el editor.

Uso Consistente de Encabezados:

  • Nuestro editor de texto enriquecido facilita el uso consistente de encabezados, asegurando una estructura lógica del contenido. Esto ayuda a orientar al usuario y mejora la comprensión de tu contenido.

Transcripciones y Subtítulos para Multimedia:

  • Para videos o grabaciones de audio, siempre proporciona transcripciones y subtítulos. Esta inclusión es vital para personas con discapacidades auditivas y beneficia a aquellos que prefieren leer en lugar de escuchar. Las transcripciones y subtítulos aseguran que todos puedan acceder y entender efectivamente tu contenido multimedia.

Contraste de Color para la Legibilidad del Texto:

  • Asegúrate de que haya suficiente contraste de color entre el texto y su fondo. Un alto contraste hace que el texto sea más legible para personas con discapacidades visuales. Elegir las combinaciones de colores adecuadas mejorará la accesibilidad general de tu contenido, haciéndolo más fácil de leer y comprender para todos. Usa un verificador de contraste de color para estar seguro, por ejemplo, https://webaim.org/resources/linkcontrastchecker/ o https://accessibleweb.com/color-contrast-checker/

¿Ha quedado contestada tu pregunta?