Mejorar la accesibilidad del sitio con un diseño inclusivo

Mejora la usabilidad de tu sitio para las personas con deficiencias.

Última actualización: 15 de julio de 2024

Puedes personalizar muchos aspectos de tu sitio para que sea más accesible y fácil de navegar para todos los visitantes, incluidos aquellos con discapacidades, o usar lectores de pantalla y otras tecnologías de asistencia.

Usa esta guía para aprender las mejores prácticas para diseñar y estructurar tu contenido.

Nota

Esta guía está disponible como un recurso para ayudarte a empezar, pero no debe interpretarse ni considerarse como asesoramiento legal. Squarespace no puede proporcionar consejos sobre cómo hacer que tu sitio cumpla con leyes, regulaciones o estándares específicos de accesibilidad.

Diseño

Crear tu sitio web con un diseño claro es importante para las personas con baja visión o con discapacidades cognitivas. Sin embargo, un diseño sencillo y congruente también puede beneficiar a los visitantes que no confían en las computadoras o a los visitantes que ven tu sitio en una pantalla más pequeña, como un dispositivo móvil. Diferentes partes de tu sitio web, como los menús de navegación, los enlaces y las secciones de texto, deberían ser fáciles de localizar e identificar.

Navegación por teclado

Algunos visitantes pueden usar un teclado para navegar por tu sitio en lugar de un mouse. La accesibilidad del teclado también es importante para ciertas tecnologías de asistencia, como el reconocimiento de voz y los lectores de pantalla. Te recomendamos que pruebes la accesibilidad de tu sitio tratando de navegar por él usando solo el teclado. 

Personalización del delineado de enfoque

Aunque los sitios en la versión 7.1 de Squarespace tienen una función de delineado de foco que destaca los elementos de una página (como los enlaces de navegación y los campos de formularios) el delineado del foco es estándar en todos los sitios y las páginas. No es posible personalizar el color ni el grosor de la línea. El delineado aparece cuando los visitantes presionan Tab en su teclado. La primera vez que presiones Tab, aparecerá el mensaje Saltar al contenido. Presiona la barra espaciadora para omitir el encabezado del sitio y la navegación e ir directamente al contenido del sitio o continúa presionando Tab para navegar a otro contenido.

Nota

verifica que tu navegador esté actualizado para evitar problemas con la función de delineado de enfoque. Sigue estos pasos para actualizar la versión de tu navegador.

Atajos de teclado de Squarespace

Obtén más información sobre los atajos de teclado que puedes usar al gestionar y editar tu sitio.

Editor dinámico

Al editar las secciones de Editor dinámico, ten en cuenta estas prácticas recomendadas:

  • Si los bloques se solapan, verifica que los usuarios puedan seguir viendo y usando el contenido de todos los bloques.
  • Piensa en cómo podrían interactuar los distintos bloques. Por ejemplo, si tienes un bloque de formulario, es posible que no quieras colocar un bloque de botones encima, porque los visitantes no sabrán qué botón sirve para enviar el formulario.
  • Si vas a colocar texto sobre otro tipo de contenido, asegúrate de que sea legible.Esto podría significar agregar un fondo de color a un bloque, cambiar el color del texto para que destaque en una imagen o mover el texto a un lugar donde todavía sea legible. Para obtener más información, consulta Cómo crear contenidos de accesibles para tu sitio.
Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.

Mejorar la accesibilidad del sitio con un diseño inclusivo