header-logo
Crea tu sitio web y haz crecer tu negocio con Wix
Crea y gestiona tu sitio con las funciones intuitivas de Wix
Gestiona suscripciones, planes y facturas
Gestiona tu negocio y conecta con los miembros
Aprende a comprar, conectar o transferir un dominio
Herramientas para ampliar tu negocio y tu presencia online
Herramientas de marketing y SEO para impulsar tu negocio
Funciones avanzadas para trabajar de forma eficaz
Soluciones, problemas conocidos y contacto
placeholder-preview-image
Mejora tus habilidades con nuestros cursos y tutoriales.
Obtén consejos para diseño web, marketing y mucho más.
Mejora el tráfico orgánico en buscadores.
Crea un sitio con nuestra plataforma full-stack.
Vincúlate con un especialista que te ayude a alcanzar tus objetivos
placeholder-preview-image

Accesibilidad: preparar el texto y las gráficas

4 min
En este artículo
  • Nuestras recomendaciones
  • Encontrar los códigos de color
  • Ajustar el contraste de color
Los visitantes con problemas o dificultades visuales pueden tener inconvenientes para distinguir entre el primer plano y el fondo de las páginas de un sitio. Por lo tanto, te sugerimos verificar y ajustar el contraste de color en tu sitio según sea necesario.

Nuestras recomendaciones

Para aumentar la accesibilidad para los visitantes con diferentes necesidades de visión, recomendamos lo siguiente:
  • Cambiar el color del texto y el contraste del color del fondo a una proporción de 4.5:1 para texto normal y 3:1 para texto grande. 
  • Una relación de contraste de, al menos, 3:1 para las gráficas y los componentes de la interfaz de usuario (como los bordes de los elementos de entrada de los formularios, los marcadores de posición, etc.). 
  • El nivel AAA exige una relación de contraste más alta de, al menos, 7:1 para texto normal y 4.5:1 para texto grande.
Información útil:
El texto grande se define como texto por encima de 14 puntos (aproximadamente 18 px) y negrita, o 18 puntos (aproximadamente 24 px).

Encontrar los códigos de color

Puedes encontrar los códigos de color en el creador de sitios que estés usando (el Editor de Wix Studio o el Editor de Wix).
Editor de Wix
Editor de Wix Studio
  1. Selecciona el elemento correspondiente (texto, franja de fondo, cuadro contenedor, etc.) y accede al Selector de color
  2. Pasa el cursor sobre cualquiera de los colores para ver el código de color. 
El selector de color en el Editor de Wix. El cursor se desplaza sobre un color, y el código está resaltado en el panel.
Probar los contrastes de color:
Hay numerosos sitios y complementos de navegador, como el comprobador de contraste, que prueba el contraste de color comparando los colores del primer plano y del fondo (por medio. de los códigos de colores). Para comprobar el contraste de color del texto sobre una imagen de fondo, recomendamos usar el Analizador de contraste de color, que te permite elegir el color del fondo y luego probarlo.

Ajustar el contraste de color

Puedes usar el Asistente de accesibilidad en el editor para encontrar y ajustar cualquier contraste de color bajo en un sitio, sin importar si estás usando el Editor de Wix o el Editor de Wix Studio. El asistente analiza el sitio en busca de posibles problemas de accesibilidad y destaca formas de mejorar la accesibilidad del sitio.
Editor de Wix
Editor de Wix Studio
  1. Ve al editor.
  2. Haz clic en Ajustes en la parte superior del editor.
  3. Selecciona Asistente de accesibilidad.
  4. Selecciona Escanear mi sitio.
  5. Selecciona las tarjetas tituladas Contraste de color.
  6. Usa el control deslizante para ajustar el color del texto y del fondo.
  7. Selecciona Aplicar cambios.
Hay un contraste de color abierto en el asistente. Se ha ajustado el contraste, y el cursor se desplaza sobre Aplicar cambios.
¿Estás mostrando gráficos o datos en tu sitio?
El color de contraste alto es una excelente manera de mostrar datos en tu sitio. Sin embargo, también recomendamos usar otros indicadores (como texturas y patrones) para diferenciar la información. 
Siguiente paso:
Vuelve a la Lista de verificación de accesibilidad para seguir mejorando la accesibilidad de tu sitio.