Descarga un manual gratuito que te ayudará a diseñar tu sitio con confianza.
La dirección de correo electrónico que escribiste no es válida.
Gracias por suscribirte.
Si nos das tu correo electrónico, indicas que has leído y comprendido nuestra Política de Privacidad y que aceptas recibir comunicaciones de marketing de Squarespace.
Un sitio web accesible asegura que todos los que visiten tu sitio web puedan acceder a la información que quieres compartir con ellos. La accesibilidad es uno de muchos aspectos importantes que deben tener en cuenta todos los que creen un sitio web, no solo las grandes organizaciones. Las prácticas que mejoran la accesibilidad también ayudan para la optimización para motores de búsqueda (SEO, por sus siglas en inglés), lo que puede hacer que tu sitio se posicione más arriba en los resultados de búsqueda y llegue a una audiencia más amplia.
Las mejores prácticas de accesibilidad están en constante evolución. Las leyes, las reglamentaciones y las normas de accesibilidad pueden variar según tu ubicación. Por ejemplo, un sitio que cumple con los requisitos de la Ley de Estadounidenses con Discapacidades (ADA, por sus siglas en inglés) podría no cumplir las normas de accesibilidad de otro país.
No obstante, no debes ser experto ni saber programar para introducir mejoras para la accesibilidad de tu sitio web. Estos son cinco ajustes simples que pueden hacer que visualizar tu diseño web y tus contenidos sea más sencillo para todos.
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.
1. Elige tus colores atentamente
El color es un aspecto importante de la identidad visual de una marca. Pero, si quieres comunicar con claridad a todos los que visiten tu sitio web, es mejor usar más que el color para transmitir tu mensaje.
Antes de que decidas las elecciones de color de tu sitio web, pregúntate lo siguiente:
¿Estoy usando los colores para transmitir información? Usar colores para destacar una palabra no siempre funcionará para los visitantes con baja visión o que no perciban bien los colores. Además, las tecnologías de asistencia no pueden transmitir tu intención exclusivamente sobre la base de los colores que emplees. Si usas el color para comunicar un mensaje (por ejemplo, el rojo para expresar "Advertencia"), asegúrate de que tu intención también se transmita mediante el texto o las imágenes con texto alternativo que las tecnologías de asistencia puedan leer.
¿Hay suficiente contraste entre el texto y el fondo? Los colores que son similares (por ejemplo, rojo y naranja) son difíciles de distinguir y pueden imposibilitar que las personas con baja visión o que no perciben bien los colores vean tus contenidos. Para ofrecer una experiencia más accesible, elige colores contrastantes para el diseño de tu sitio web, por ejemplo, negro sobre un fondo de color crema.
2. Añade texto alternativo a las imágenes
El texto alternativo es una descripción de la imagen que puede ser leída por las tecnologías de asistencia. El texto alternativo es útil no solo para las personas con discapacidades visuales sino también para:
Las personas con algunas discapacidades cognitivas, quienes pueden comprender mejor el lenguaje hablado que las imágenes.
Las personas que usan asistentes de voz (cuando no están mirando la página web).
Los usuarios que no pueden ver una imagen por problemas de conexión a Internet.
Los usuarios que prefieren no descargar las imágenes por tiempo o costo.
Agregar texto alternativo a tus imágenes asegura que todos los visitantes puedan obtener la mayor cantidad de información de tu sitio web.
Para saber cuándo agregar texto alternativo y escribir descripciones útiles, pregúntate lo siguiente:
¿Esta imagen es decorativa o transmite información? Las imágenes decorativas no necesitan texto alternativo porque es poco probable que ayuden a que un usuario comprenda mejor la información de la página.
¿Qué información se necesita sobre la imagen? No todos los aspectos de la imagen son necesarios para ayudar a que se comprenda el objetivo de la imagen. Por ejemplo, el color del fondo de un retrato no es necesario, pero el nombre de la persona podría serlo.
Otras pautas para tener en cuenta:
Trata usar 250 caracteres, o menos, para el texto alternativo. Si una imagen necesita una descripción más larga o detallada, incluye una leyenda con la descripción completa.
No incluyas las palabras "imagen de" o "foto de" en tu descripción. Las tecnologías de asistencia identifican las imágenes para los usuarios, así que no es necesario que lo hagas.
3. Subtitula los videos y limita la reproducción automática
Al igual que el texto alternativo aporta el contexto importante de las imágenes fijas y los GIF, los subtítulos y las transcripciones hacen lo mismo para los contenidos en video y audio. Puedes usar una plataforma externa para agregar subtítulos descriptivos en los videos, y luego subir tu video a un bloque de video o una colección de videos en tu sitio web de Squarespace.
Las transcripciones permiten que los visitantes reciban toda la información de un video, incluso si no pueden verlo u oírlo. Puedes agregar una transcripción en tu sitio web mediante un archivo para descargar, por ejemplo, en un bloque de texto en la página, o en una página separada que enlaces debajo del reproductor de video.
Tener demasiadas imágenes en movimiento (es decir, que cambian de tamaño, titilan o cambian rápidamente) en una página puede tener efectos negativos en las personas con sensibilidad al movimiento o sensibilidad a las luces parpadeantes. Para proteger a estos usuarios:
Cuando sea posible, incluye la opción de pausar los videos.
Evita agregar videos de fondo en la página.
Evita los GIF y los videos que titilan tres o más veces en un segundo.
4. Haz que tu contenido sea claro
La forma en la que organices los contenidos en tu sitio web facilita que las personas que usan tecnologías de asistencia naveguen por él. En la mayoría de los sitios web, esto significa mantener los diseños de tu página simples y uniformes, y tener nombres claros y distintos para cada página de tu sitio web.
Si agregas hipervínculos en cualquier texto, rotula tus enlaces adecuadamente. Las tecnologías de asistencia en general señalan cuando el texto está vinculado, así que no necesitas incluir la palabra "enlace" en tu contenido. Cuando dirijas a los usuarios a una página de contacto, por ejemplo, es más útil escribir "Comunícate con nosotros a través de nuestra página de contacto" que "Para comunicarse con nosotros, haz clic en este enlace".
La manera en la que estructuras tu contenido es importante para cualquier página de tu sitio web, incluidas las páginas de blog. Diseña tus páginas con una estructura fácil de seguir usando estilos de título (por ejemplo, Título 1, Título 2, Título 3) en lugar de usar texto en negritas o en cursiva para distinguir las secciones de tu página. Usa únicamente un Título 1 por página, dado que Título 1 indica el título principal, y usa los niveles de estilos de título en orden en lugar de pasar del 2 al 4, por ejemplo.
5. Trabaja con un diseñador que sepa de accesibilidad
Si eliges trabajar con un diseñador web, pregúntale si conoce las normas de accesibilidad de sitios web. Un diseñador con experiencia en el tema puede ahorrarte tiempo y, posiblemente, introducir mejoras de accesibilidad que tú mismo no podrías introducir.
Si tienes alguna duda, también puedes asesorarte o recibir ayuda de un profesional especialista en accesibilidad. Compañías consultoras a cargo de expertos pueden ayudarte probando la accesibilidad de tu sitio web, ofrecerte formación o sugerir cambios en tu sitio.
Hacer que tu sitio web sea más accesible no requiere experiencia en programación ni herramientas externas. Puedes adoptar las medidas anteriores con las herramientas que ya están incluidas en Squarespace. Ten presente que tú eres responsable de garantizar que tu sitio cumpla las leyes de accesibilidad, incluidos los requisitos locales. Estas actualizaciones significarán mucho para crear una experiencia más inclusiva e informativa para todas las personas que visiten tu sitio.