Internet para todos: Cómo hacer una web accesible


Cómo hacer una web accesible

Este artículo fue escrito en 2018, y actualizado en 2021.


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.



¿Qué es accesibilidad web?

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.



¿Por qué es importante hacer que un sitio web Wix sea accesible?

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.

Cultiva una percepción positiva de tu marca

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.

Funcionalidad para todos

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.

Amplía tu alcance

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.


Accesibilidad web y Wix

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.



Captura de pantalla del asistente de accesibilidad de Wix


Cómo hacer una web accesible

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:

  1. Comprobar la accesibilidad web: Identifica problemas existentes

  2. Enlista las soluciones a los problemas de accesibilidad web

  3. Haz legibles tus imágenes

  4. Mejora la visibilidad de tus textos y gráficos

  5. Cuida la estructura de tu página web

  6. Agrega funciones avanzadas de accesibilidad

  7. Comprobar la accesibilidad web

01. Comprobar la accesibilidad web: Identifica problemas existentes


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.



Asistente de Accesibilidad de Wix en funcionamiento


02. Enlista las soluciones a los problemas de accesibilidad web


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.



03. Haz legibles tus imágenes


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.


04. Mejora la visibilidad de tus textos y gráficos


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.


05. Cuida la estructura de tu página web


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í.


Lista de problemas de accesibilidad en una pagina web


06. Agrega funciones avanzadas de accesibilidad


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:


  • Anillo de enfoque inteligente: los indicadores visuales ayudan a los usuarios que navegan con su por tu sitio web. Los anillos de enfoque inteligente aparecen automáticamente cuando se utilizan teclados. Estos anillos son de dos colores y siempre están visibles, independientemente del color de fondo de un sitio web.

  • Saltar al contenido principal: esta configuración permite a los usuarios de teclado saltar directamente al contenido principal de cada página cuando está habilitado.

  • Orden DOM automático: puedes diseñar tu web en el orden que desees, la activación de la función DOM (modelo de objetos de documento) automática de su sitio organizará estos elementos para reflejar el orden visual que se definió, asegurando que los visitantes que dependen del teclado o lectores de pantalla puedan navegar por tu página web con facilidad.

  • Herramientas de desarrollo avanzadas: para usuarios avanzados, agregar atributos ARIA a diferentes elementos del sitio puede mejorar la experiencia del usuario para las personas que usan tecnología de asistencia, como lectores de pantalla.


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


Publicado por Tere Metta

Growth Marketing Specialist & Blogger - Español


es03.png