Usa las funciones integradas de accesibilidad para sitios web y herramientas gratuitas para probar tu sitio.

Puedes diseñar un sitio web inclusivo que se adapte a todos, incluidos los visitantes con discapacidad. El uso de diseños estructurales claros, como encabezados y listas con viñetas, ayuda a los lectores de pantalla a escanear páginas de manera eficiente para que los clientes puedan encontrar información de forma rápida.

También prueba: Haz que tu sitio sea accesible con prácticas de diseño inclusivas

Nota: Esta guía es un recurso, pero no constituye un asesoramiento legal. Squarespace no ofrece asesoramiento sobre leyes o estándares de accesibilidad específicos aplicables a tu sitio o negocio, como se establece en nuestras Condiciones de Uso.

Estructura el texto, los diseños y los encabezados de tu sitio para los lectores de pantalla

Puedes personalizar muchos aspectos de tu sitio, como menús de navegación, enlaces y texto, para que el contenido sea más accesible y fácil de navegar para todos los visitantes; Squarespace incluye varias funciones integradas y opciones de personalización: 

• Opciones de contraste de color: combina los tonos de fondo y los colores de fuente del panel Colores para cumplir con las pautas de WCAG sin necesidad de CSS personalizado.
• Delineado de enfoque del teclado: para ayudar a los visitantes a saber visualmente dónde están en una página, aparece de forma automática un borde claro cuando presionan la tecla Tab para navegar por enlaces o campos de formularios.
• Enlace “Saltar al contenido”: los visitantes pueden ir directamente al diseño principal de una página en lugar de desplazarse por los menús de navegación del encabezado. Este enlace aparece automáticamente cuando un visitante pulsa la tecla Tab.
• Estructuras semánticas de página: crea diseños organizados que el software de texto a voz pueda seguir. Para mantener un orden de lectura predecible para tecnologías de asistencia, como los lectores de pantalla, usa encabezados para estructurar tu texto.

Haz que tu área de pago online sea accesible

Todas las plantillas de Squarespace incluyen funciones integradas para ayudar a los clientes a navegar por tu tienda online. La página de finalización de compra utiliza configuraciones específicas por defecto para garantizar que los elementos de la página funcionen correctamente con lectores de pantalla y otros programas de asistencia.


Estas características integradas ayudan a mantener un diseño claro para tus clientes:

• Campos de formulario preetiquetados: los campos del área de pago seguros incluyen etiquetas de texto claro. Este texto indica a los lectores de pantalla exactamente qué información necesita un visitante escribir en cada cuadro.
• Botones de llamada a la acción distintos: los botones principales, como los botones de pago, usan etiquetas descriptivas claras. Estas etiquetas ayudan a los visitantes a encontrar pasos importantes en la página y completar sus transacciones.

Prueba también: Crear un sitio de Commerce accesible

Configura imágenes, videos y controles multimedia accesibles

Para ayudar a los visitantes a interactuar con tus imágenes y videos, utiliza los controles multimedia y las herramientas descriptivas integradas:

• Campos de texto alternativo: agrega descripciones claras a todas tus imágenes. El texto alternativo ayuda a los lectores de pantalla a describir las imágenes a los clientes que no pueden verlas. Puedes ejecutar la herramienta de informe de SEO para que marque cualquier imagen en tu sitio que no tenga texto alternativo.
• Leyendas y transcripciones de medios: agrega leyendas a videos y carga transcripciones escritas para archivos de audio.
• Controles de reproducción: elige formatos compatibles con movimiento para videos y animaciones. Incluye botones para pausar, omitir o detener los bucles de video y las animaciones de diapositivas que se reproducen automáticamente.

Accede a una declaración de accesibilidad o VPAT de Squarespace como prueba de la accesibilidad de tu sitio

Cuando una organización, empresa o escuela solicita una prueba de la accesibilidad de tu sitio, puedes usar nuestros recursos para explicar tus características principales de diseño:

• Declaración de accesibilidad de Squarespace: revisa nuestros compromisos de accesibilidad en Squarespace.
• Informe VPAT: proporcione un desglose claro de cómo la estructura de su sitio cumple con las pautas de accesibilidad mediante una plantilla voluntaria de accesibilidad de productos (VPAT).

¿Qué normas de accesibilidad se aplican a mi sitio?

Eres responsable de asegurarte de que tu sitio cumpla con todos los requisitos legales que se aplican a tu negocio. Para obtener más información sobre las pautas de accesibilidad, visita la Iniciativa para la Accesibilidad Web.

Los requisitos de accesibilidad web varían en todo el mundo:

• Estados Unidos: lee los estándares de la Ley de Estadounidenses con Discapacidades (ADA) para conocer los requisitos del diseño de sitios web accesibles.
• Unión Europea: revisa la Ley Europea de Accesibilidad (EAA) para entender cómo estas normativas exigen que las tiendas online y los servicios digitales sean accesibles para las personas con discapacidad.

¿Cómo puedo probar mi sitio para comprobar el cumplimiento de accesibilidad?

Para encontrar descripciones de imágenes faltantes o verificar cómo funciona tu sitio web para diferentes visitantes, puedes escanear tus páginas en vivo utilizando herramientas de prueba en línea gratuitas:

• Comprueba tus atajos de teclado y prueba tu sitio web con las herramientas de The A11y Project.
• Encuentra problemas de contraste de color o estructuras de encabezados rotos usando la Herramienta de evaluación de accesibilidad web WAVE.

Para una auditoría más profunda de tu sitio web, consulte a un experto en accesibilidad o cumplimiento.