Sitemap Alternar menú

Cómo hacer que su sitio web sea más accesible (y por qué debería hacerlo)

Publicado: 2022-09-09

Sitio web cargado en una computadora portátil

¿El sitio web de su empresa está optimizado para la accesibilidad?

La respuesta a esta pregunta te afecta a ti y a tu negocio más de lo que piensas. Según la Organización Mundial de la Salud (OMS), más de mil millones de personas experimentan actualmente una discapacidad (alrededor del 15% de la población mundial). Y el número va en aumento.

Algunas discapacidades dificultan o imposibilitan que las personas naveguen por Internet. Como resultado, la mayoría de los sitios web de negocios pierden la oportunidad de llegar a esta valiosa audiencia.

A continuación, compartiremos información sobre cómo puede hacer que su sitio web sea más accesible. Pero primero, veamos brevemente los tipos de discapacidades que la accesibilidad web pretende abordar:

  • Visual. Los impedimentos visuales incluyen, entre otros, ceguera, mala vista y daltonismo.
  • Auditivo. Los impedimentos auditivos incluyen, entre otros, sordera o personas con problemas de audición.
  • Motor/Movilidad. Las deficiencias motoras incluyen, entre otras, dificultad o incapacidad para usar las manos, lentitud muscular y pérdida del control muscular.
  • Neurológico. Las discapacidades neurológicas incluyen, entre otras, epilepsia, parálisis cerebral, convulsiones, etc.
  • Cognitivo e Intelectual. Las discapacidades cognitivas incluyen, entre otras, discapacidades del desarrollo, discapacidades del aprendizaje (dislexia, aprendizaje no verbal, etc.)

Debido a que las discapacidades difieren, la forma en que las personas discapacitadas acceden a la web depende de su computadora, ya sea que usen o no tecnología de asistencia y su discapacidad.

Hacer que el sitio web de su empresa sea accesible puede ayudarlo a llegar a un público más amplio. Y la accesibilidad es requerida por ley en algunas industrias y países. Entre otras cosas, la accesibilidad web:

  1. Proporciona igualdad de acceso a la información. Los sitios web accesibles ayudan a las personas con discapacidad a participar más activamente en la sociedad.
  2. Mejora la navegación. No piense en la navegación accesible como un compromiso. Por el contrario, una buena navegación contribuye a una sólida experiencia de usuario (UX). Los diseños intuitivos garantizarán una experiencia de navegación cómoda para sus visitantes, que es el objetivo final para mantener a los usuarios fieles a su producto o marca.
  3. Abre vías de interacción. Todos deberían tener la misma oportunidad de disfrutar el contenido y poder compartir y comunicarse entre sí. Un entorno inclusivo aumenta la probabilidad de que los visitantes interactúen con su marca.
  4. Ético y beneficioso para todos. Acceder a tecnologías que se adaptan a la discapacidad de una persona muestra su empatía y no solo ayuda a los usuarios discapacitados, sino que también puede traducirse en más negocios para usted.
  5. A veces requerido por la ley. Algunas industrias y muchos países tienen leyes que hacen cumplir la accesibilidad web (puede ser demandado si se requiere que su sitio web sea accesible pero no lo es). Aquí hay una lista útil de recursos sobre los requisitos de accesibilidad web en diferentes países. Si su negocio está en los EE. UU., el sitio web de la Ley de Estadounidenses con Discapacidades (ADA, por sus siglas en inglés) tiene un buen manual sobre cómo evitar demandas por accesibilidad del sitio web.

Pautas de accesibilidad al contenido web (WCAG) 2.0 y 2.1

Las Pautas de Accesibilidad al Contenido Web (WCAG) 2.0 y 2.1, desarrolladas por el Consorcio World Wide Web (W3C), tienen como objetivo crear un estándar internacional para la accesibilidad del contenido web.

Estas pautas funcionan activamente para eliminar y reducir las barreras de acceso digital para individuos, organizaciones y gobiernos. Su sitio web proporciona requisitos detallados, criterios de éxito y técnicas para implementar funciones de accesibilidad.

¿Quieres una revisión de marca gratis?
héroe calificador de identidad de marca
Responda 5 preguntas breves y le enviaremos un informe personalizado con información procesable y acciones específicas que puede tomar para construir una marca más fuerte.

Te acabamos de enviar la información por correo electrónico.

Cómo puede hacer que su sitio web sea más accesible

Aquí hay formas comprobadas de implementar la accesibilidad en su sitio web. Estos métodos son fuertemente sugeridos por la Iniciativa de Accesibilidad Web (WAI) y se ajustan a los estándares WCAG.

Ofrecer texto alternativo (alternativas de texto)

Las imágenes, los videos y el contenido de audio deben tener una alternativa de texto que transmita su mensaje. Por ejemplo, incluya etiquetas alt en el marcado HTML de una imagen y brinde a las personas una manera fácil de cambiar el tamaño de fuente.

Tener subtítulos y transcripciones de texto.

Los subtítulos y las transcripciones de video son alternativas de texto que ayudan a las personas a comprender el contenido sin depender del sonido. Las personas pueden leer mientras se reproduce el video, incluso si no pueden escuchar la pista de audio.

Tenga cuidado con las pantallas que muestran contenido intermitente, basado en el tiempo o de reproducción automática

El contenido animado, como imágenes parpadeantes y parpadeantes, puede provocar convulsiones y dañar a las personas con trastornos de fotosensibilidad. Si debe incluir dicho contenido, muestre las advertencias correspondientes antes de mostrarlo.

Estructura tus páginas de forma lógica

Un encabezado y pie de página global, una jerarquía de encabezados (idealmente h1 a h4)<, categorías y subcategorías ayudan a organizar su sitio web y facilitan la navegación. También puede mejorar la legibilidad agrupando contenido relacionado. El objetivo es presentar su contenido de la mejor manera posible y más fácil de comprender para su audiencia.

Crea una navegación accesible

Un sitio web con una navegación confusa frustrará a las personas, y se irán rápidamente para encontrar una mejor que se adapte a sus necesidades.

La consistencia es clave

Un patrón consistente y predecible en la interfaz de usuario puede ayudar a las personas a navegar rápidamente por un sitio web. La posición de navegación de su sitio web, los colores del sitio web, el diseño general del sitio web y las fuentes que usa en su sitio afectan la usabilidad.

Incluye imágenes que demuestren que entiendes la accesibilidad

Es útil incluir imágenes que hagan que las personas que navegan por su sitio web se sientan cómodas. Por ejemplo, echa un vistazo a la ilustración del encabezado en crowdspring.com. La ilustración incluye a personas con discapacidad. Los pequeños detalles importan.

héroe de la página de inicio de crowdspring que muestra a personas con discapacidades entre un grupo de otras personas

Utilice los roles de ARIA

Las aplicaciones de Internet enriquecidas accesibles (ARIA) ayudan a que el contenido dinámico sea más accesible. Estas especificaciones HTML se pueden agregar a cualquier elemento.

Cómo verificar la accesibilidad web de su sitio

Si se pregunta si su sitio existente es accesible, aquí hay varias herramientas gratuitas y de pago populares que pueden ayudar a determinar si su sitio web cumple con las WCAG. Estas herramientas proporcionarán gráficos visuales o pautas para mejorar la accesibilidad de su sitio.

  • Dynomapper es una herramienta de pago que permite a los usuarios probar la accesibilidad de cualquier sitio web o aplicación. Puede probar su sitio en vivo dentro de su navegador y generar informes de prueba completos.
  • La herramienta de evaluación de accesibilidad web de WAVE puede identificar muchas accesibilidades y errores de las Pautas de accesibilidad al contenido web (WCAG).
  • Lera es una extensión gratuita del navegador Chrome que puede realizar una auditoría de la accesibilidad de su sitio web. Puede generar un informe descargable que destaca algunos problemas y posibles soluciones.
  • La plataforma de cumplimiento A11Y fue desarrollada por la Oficina de Accesibilidad de Internet. Verifica que su sitio web cumpla con WCAG 2.1 A/AA y puede proporcionar un resumen visual de su sitio web.
  • accessiBe es una herramienta de accesibilidad web de pago. Utiliza inteligencia artificial (IA) para procesar su sitio web y verificar si cumple con las normas WCAG y ADA.

También puede contratar expertos que se especializan en desarrollo web y accesibilidad web para ayudar a auditar y refinar su sitio web.

Con suerte, estos consejos lo ayudarán a optimizar su sitio web para que sea más accesible para un público más amplio. Si lo hace, ayudará a más personas a navegar por su sitio y puede ayudarlo a hacer crecer su negocio más rápido.