Internet para todos: Cómo hacer una web accesible

Emprendedores, artistas, fotógrafos y cualquier otro tipo de profesional con un servicio o producto que ofrecer, tienen un objetivo principal en común – ganar mayor exposición al público. Normalmente, esto empieza por atraer más gente (o en palabras profesionales, tráfico) a tu página web, pero no se queda ahí, sino que el objetivo es lograr que los visitantes interactúen con el contenido en la misma.

Desafortunadamente, este no siempre es el caso. Hoy, más de mil millones de personas en todo el mundo (15% de la población mundial) no pueden acceder a la totalidad de información y servicios que hay en la mayoría de páginas web debido a diferentes tipos de discapacidad. Con un porcentaje así de alarmante, es claro que tiene que haber un cambio, y gracias al mundo de la accesibilidad web, este cambio está sucediendo ahora.

Nos alegra informarte de que gracias al Asistente de Accesibilidad de Wix, crear una web accesible y aportar a este gran cambio en el mundo es más fácil de lo que parece. Si ya tienes una página web, puedes hacer tu página accesible, y si estás creando una página web por primera vez, podrás atraer más personas a tu web desde el principio. En este artículo te explicamos cómo hacerlo.

Básicamente, es la práctica de asegurarse de que todos, incluidas las personas con discapacidades auditivas, motoras, visuales o cognitivas, puedan visitar tu página web y utilizar tus servicios o disfrutar de tu trabajo. Los elementos de tu página, tales como imágenes, textos, gráficos y estructura del sitio, pueden prepararse adecuadamente para que sean accesibles para ellos.

Está en nuestro poder diseñar un sitio web que pueda ser disfrutado por todos, y hacer de Internet un lugar de inclusión es una responsabilidad que beneficia tanto a los visitantes como a los propietarios del sitio web. Ya sea que tengas una tienda online, una página web de negocios, un blog o un portafolio digital, una web accesible fortalecerá tu marca, mejorará los indicadores de tráfico e interacciones, y lo más importante, te acercará a visitantes que de otra forma no podrían navegar en tu sitio.

Esforzarte en comprobar la accesibilidad de tu sitio web le dará un tinte positivo a la imagen de tu marca, así como mejorará la experiencia de usuario y satisfacción de los visitantes. Un negocio y una web que hacen la inclusividad parte de su misión, mejorarán la percepción de sus clientes y fortalecerán la lealtad de estos.

Las herramientas y características de accesibilidad a menudo resuelven problemas imprevistos que benefician a todos los visitantes del sitio. Esto incluye funcionalidad de teclado completa, anillos de zoom inteligentes, contenido con formato adecuado para lectores de pantalla y más.

A diferencia de lo que muchos especialistas en marketing creían en el pasado, los esfuerzos para mejorar la accesibilidad web de tu sitio y los esfuerzos para mejorar tu SEO (optimización de motores de búsqueda) no son mutuamente excluyentes. Muchas de las funciones de accesibilidad web implementadas en el diseño web, como el texto alternativo (alt text) y las etiquetas de títulos, mejorarán el rendimiento de tu sitio en los resultados de búsqueda de Google.

En Wix estamos comprometidos con hacer del Internet un sitio para todos, por lo que creamos desde plantillas accesibles, nos dedicamos a integrar funciones de accesibilidad en nuestro creador de sitios web, y desarrollamos un Asistente de Accesibilidad integrado en el editor, con el fin de que todos los usuarios puedan crear y comprobar la accesibilidad de su sitio web.

Al final del día, no podemos controlar la forma en que un usuario de Wix diseña su sitio web, qué contenido incluye o qué tan accesible es, pero lo que sí podemos podemos hacer, es ayudarlos a llegar allí.

Para aprender más sobre el Asistente de Accesibilidad y cómo usarlo, mira este artículo.

Hay diferentes maneras de crear una página web accesible, desde pequeños cambios como el contraste entre colores, hasta grandes adiciones como indicadores visuales. Sigue estos consejos para crear una web accesible para todos:

El primer paso para hacer tu web accesible es encontrar problemas existentes. Puedes revisar las Pautas de Accesibilidad para el Contenido Web (WCAG) o esta lista de recomendaciones para mejorar la accesibilidad para identificar puntos importantes, o hacerlo mediante el Asistente de Accesibilidad de Wix (que cumple con todas estas normas).

Si eliges la segunda, el asistente escaneará y resaltará los problemas de accesibilidad en tu sitio, como la falta de texto alternativo, contraste de color de texto e íconos insuficiente o una estructura incorrecta de títulos y encabezados. Luego te mostrará exactamente dónde están estos problemas y te guiará paso a paso para solucionarlos dentro del Editor.

Una vez que hayas completado la etapa anterior, es hora de pensar en las soluciones: ¿qué textos hay que cambiar?, ¿qué botones hay que hacer más grandes y visibles? Si estás usando la herramienta de Wix, después de escanear tu web se presentará una lista de acciones a mejorar. En este punto, el Asistente resalta los problemas que puede que no detectes por ti mismo, brindando instrucciones detalladas sobre qué hacer y cómo mejorar estos elementos para la accesibilidad.

Después de realizar estas correcciones, la herramienta volverá a escanear tu sitio, buscando nuevos problemas. ¡Et voila! Una vez que el asistente ve que el sitio no tiene más problemas detectables, se dirigirá a la pantalla de éxito.

Si lo estás haciendo manualmente, asegúrate de revisar varias veces cada elemento para ver que no se escape nada.

Las personas con problemas de visión pueden necesitar de ciertas tecnologías de asistencia, como lectores de pantalla, para navegar por tu página. Al agregar descripciones a tus imágenes, también conocidas como Alt Text (o texto alternativo), le estarás dando a los motores de búsqueda y a los lectores de pantalla la información que necesitan para “leer” las imágenes. Como beneficio adicional, agregar texto alternativo a tus imágenes puede beneficiar el SEO (Optimización de los motores de búsqueda por sus siglas en inglés) de tu página.

Sigue estos pasos para aprender cómo agregar alt text a tus imágenes.

Al diseñar tu página web, asegúrate de utilizar la relación correcta de contraste de color entre el primer plano y el fondo de las páginas de tu sitio. Así, podrás estar seguro de que tu contenido será visible; la proporción recomendada es 4:5:1. Asegúrate de que el primer plano y el fondo de las páginas de tu página se puedan diferenciar. Puedes usar una página como esta para probar el contraste de color de tu página ingresando los códigos de color.

La jerarquía de tu página (al igual que su estructura) puede ayudar a los navegadores web y a los lectores de pantalla a comprender cómo está organizada. En tu web, tienes títulos, subtítulos y párrafos. Pero “detrás del escenario”, todo el texto está etiquetado con lo que se denomina etiquetas de encabezado, del tipo H1 y H2. Si etiquetas el texto correctamente, garantizas que las tecnologías asistenciales no tengan problemas para leer tu página web. Puede encontrar una lista completa de las pautas de diseño aquí.

Para mejorar aún más la accesibilidad de tu sitio, agrega funciones de accesibilidad avanzadas, (la mayoría de las cuales se activan automáticamente si estás haciendo tu web en Wix). Las funciones son:

¿Listo para darte a conocer en todo el mundo? ¡Crea una página web accesible con Wix!