¿Qué es la accesibilidad web? Cómo hacer que su contenido sea inclusivo

La accesibilidad web implica dar acceso a todos a la misma información con independencia de las deficiencias o discapacidades que sufran.

Con Internet emergiendo como una fuente principal de información, entretenimiento, comunicación y comercio electrónico, ya no se puede socavar la importancia de la accesibilidad web para los usuarios con discapacidades o necesidades especiales.

Incluso las Naciones Unidas han declarado el acceso a Internet como un derecho humano básico. Aún así, la mayoría de los sitios web siguen siendo inaccesibles para las personas con discapacidad, ya que están diseñados sin tener en cuenta sus necesidades.

¿Qué es la accesibilidad web?

La accesibilidad web significa que los sitios web y las herramientas digitales deben diseñarse y desarrollarse de manera que las personas con discapacidad puedan utilizarlos sin ningún tipo de impedimento.

Según el Banco Mundial, más de mil millones de personas experimentan algún tipo de discapacidad, lo que corresponde al 15 por ciento de la población mundial. Se puede entender por discapacidad cualquier condición del cuerpo o de la mente que dificulta a la persona la realización de determinadas actividades.

Se han identificado cuatro tipos de discapacidades vagamente agrupadas para la accesibilidad web. Éstos incluyen:

• Físico: los ejemplos son problemas de parálisis o pérdida de control motor.
• Intelectual: Esta categoría incluye discapacidades que ocurren debido a retrasos en el desarrollo o Síndrome de Down.
• Enfermedades mentales: Diversos trastornos mentales como depresión, esquizofrenia, ansiedad, etc.
• Problemas sensoriales: Pérdida de varios sentidos como sordera o ceguera.

Además, hay tres modos de discapacidad: permanente, temporal y condicional o situacional, cuando no puede hacer algo debido a una situación específica en la que se encuentra, como una condición de Internet lento.

La accesibilidad web también afecta a las personas con discapacidades temporales, como alguien que se ha roto un brazo, o limitaciones situacionales, como cuando una persona no puede escuchar el audio debido a mucho ruido de fondo.

Las personas mayores tienden a tener problemas de accesibilidad asociados con la edad avanzada. Una población que envejece significa que este número solo va a crecer, presentando un desafío y una oportunidad para las empresas con una huella digital. Por ejemplo, se sabe que la audición y la vista empeoran con la edad.

Sin embargo, estas personas mayores con discapacidad a menudo tienen altos ingresos disponibles y tiempo libre. El setenta y uno por ciento de los clientes discapacitados con necesidades de acceso hacen clic fuera de un sitio web que es difícil de usar. También descubrió que un gran porcentaje de clientes que hicieron clic tenían una alta capacidad de gasto, y el 82 por ciento de los usuarios con necesidades de acceso dijeron que gastarían más si los sitios web fueran más accesibles.

Además del costo del negocio, no hacer que su sitio web sea accesible para todos puede hacer que lo demanden por discriminación digital. En muchos países, es ilegal discriminar a las personas con discapacidad al vender un producto o servicio.

En los EE. UU., los requisitos de accesibilidad se enumeran en la Ley de Estadounidenses con Discapacidades. Se han presentado varias demandas contra empresas, incluida Netflix, para que su contenido sea accesible para todos.

Para hacer de Internet un lugar público e inclusivo, la Iniciativa de Accesibilidad Web (WAI) del W3C ha desarrollado especificaciones técnicas, pautas, técnicas y recursos de apoyo que describen soluciones de accesibilidad. Por ejemplo, las Pautas de accesibilidad al contenido web (WCAG) 2.1 definen cómo los servicios, las herramientas y el contenido digitales pueden hacerse más accesibles para las personas con discapacidades.

¿Por qué es importante la accesibilidad del sitio web?

Internet es un recurso esencial en casi todos los aspectos de la vida. Especialmente durante 2020, Internet surgió como un salvavidas, manteniendo al mundo conectado en todos los aspectos. La alta tasa de adopción digital en el último año ha revolucionado nuestras vidas.

Aún así, un porcentaje significativo de la población mundial no puede usar Internet correctamente debido a las barreras de accesibilidad. Para los discapacitados, garantizar la accesibilidad web proporciona igualdad de acceso e igualdad de oportunidades, ayudándoles a participar más activamente en la sociedad.

La accesibilidad del sitio web es importante por muchas otras razones, tales como:

• Inclusión: la creación de un sitio web accesible crea una experiencia inclusiva, que es beneficiosa para el bien común.
• Retención y adquisición de clientes: Internet es el mejor lugar para llegar a las personas, especialmente a aquellas con discapacidades, como aquellas que no pueden visitar una tienda o leer material impreso. Al hacer que su sitio web sea accesible, es posible que pueda llegar a una nueva sección de clientes que la competencia podría haber pasado por alto.
• Cumplimiento legal: se han presentado varias demandas en los EE. UU. contra empresas que no siguen las pautas de accesibilidad del sitio web. En muchos países, es obligatorio seguir las pautas de accesibilidad del sitio web, y el no hacerlo puede dar lugar a fuertes sanciones legales.
• Generar confianza y reputación: una empresa puede mejorar su marca haciendo que su sitio sea genuinamente accesible. Por ejemplo, Facebook ha sido elogiado por usar IA para proporcionar a los usuarios ciegos texto alternativo automático a través de la tecnología de reconocimiento de objetos.

5 necesidades que la accesibilidad web pretende abordar

A menudo se piensa que los sitios accesibles solo benefician a un pequeño porcentaje de personas, pero consumen mucho tiempo y esfuerzo. Sin embargo, nada podría estar más lejos de la verdad. Todos podemos experimentar algún tipo de discapacidad temporal en algún momento de la vida.

Por ejemplo, si alguien se resbala y se rompe la muñeca, es posible que no pueda usar el mouse para navegar por mi PC durante unos días. O si alguien tiene migraña, el contraste deficiente en un sitio podría agravar el problema. Además, todos nosotros estamos envejeciendo durante la era de Internet, y nuestra vista, oído y destreza se verán eventualmente afectados.

La creación de un sitio web accesible hace posible que los usuarios accedan a su contenido a pesar de cualquiera de las discapacidades mencionadas anteriormente. En esta sección, hemos identificado cinco necesidades de accesibilidad web que deben abordarse para un diseño web impactante.

1. Necesidades auditivas

Internet consiste en información presentada en varios formatos: gráficos, video, audio, animación o texto. Sin embargo, los usuarios han mostrado una mayor preferencia por los videos y los podcasts en los últimos años, lo que hace que nuestras experiencias de contenido web sean tanto visuales como auditivas. Pero algunas personas tienen diferentes necesidades auditivas y es imperativo satisfacer sus requisitos al diseñar su sitio web.

Antes de analizar las estrategias para mejorar la accesibilidad de las personas con discapacidades auditivas, primero debemos comprender las discapacidades. En general, la sordera se considera una pérdida total de la audición. Sin embargo, muchas personas sufren pérdida auditiva funcional, que puede ser leve, moderada, grave o profunda. Hemos identificado tres categorías de discapacidades auditivas a continuación.

• Sordera: Personas con pérdida auditiva profunda o pérdida total de la audición.
• Individuos con problemas de audición: personas con grados menores de pérdida auditiva.
• Discapacidades auditivas: Individuos con diversos grados de sordera debido a un desarrollo inadecuado, daño o enfermedad en una o más partes del mecanismo auditivo.

Consejos para hacer multimedia accesible para personas con discapacidad auditiva

• Transcripciones: Proporcionar transcripciones tiene varios beneficios. Hace que el contenido sea fácil de entender y también brinda beneficios de SEO para su sitio. Las personas a las que les gusta tomar notas también se beneficiarán de sus transcripciones, especialmente en el contenido de video que puede encontrar en YouTube.
• Leyendas y subtítulos: si está mostrando contenido de video en su sitio, es mejor incluir leyendas y subtítulos para facilitar que las personas con discapacidades auditivas entiendan su contenido. Esto también beneficia a los espectadores generales, que podrían estar viendo su video en un lugar lleno de gente y no pueden escucharlo correctamente.

• Lenguaje de señas: proporcionar una presentación en lenguaje de señas de su audio es otra forma de hacer que su contenido sea accesible. Si bien esto plantea algunos problemas técnicos, como los diferentes tipos de lenguajes de señas utilizados por las personas, sigue siendo una opción que vale la pena considerar.

2. Necesidades cognitivas e intelectuales

Si bien la vista y el oído son los temas más discutidos, esta es la categoría que representa el número máximo de usuarios de computadoras. Las discapacidades cognitivas pueden ser funcionales o clínicas. Los trastornos funcionales se centran en actividades que afectan la vida cotidiana de un individuo. Algunos ejemplos incluyen:

• Pérdida de memoria
• Deficit de atención
• Problemas de comprensión

Los trastornos clínicos varían en gravedad e incluyen:

• problemas de desarrollo
• Problemas cognitivos como la dislexia y el autismo.
• Enfermedades que afectan la mente y la capacidad de una persona para retener información, como la enfermedad de Alzheimer

Consejos para la accesibilidad del sitio web para personas con discapacidad cognitiva

Para los desarrolladores de sitios web, es mejor pensar en los trastornos cognitivos desde un punto de vista funcional para eliminar las barreras de accesibilidad y mejorar la experiencia del usuario. Uno de los consejos más importantes para que tu sitio web sea accesible para personas con discapacidades cognitivas es seguir buenas prácticas de diseño como:

• Utilice títulos y listas adecuados en su contenido.
• Deje suficiente espacio en blanco en el diseño.
• Divide el contenido en pequeños párrafos.
• Intente usar listas con viñetas.
• Trate de incorporar un orden de lectura lógico.
• Use fuentes y colores consistentes.
• Asegúrese de ofrecer acceso al teclado.

3. Necesidades motrices y de movilidad

Los impedimentos de movilidad vienen en muchas formas que pueden o no ser permanentes. Por ejemplo, es posible que no pueda usar la muñeca o la mano durante unos días debido a una fractura. Incluso escribir durante largas horas a menudo puede provocar dolor y calambres, lo que dificulta el uso de dispositivos digitales. Debido a la artritis y el envejecimiento, la movilidad limitada también dificulta escribir en un teclado o usar un mouse. Algunas personas también pierden las habilidades de coordinación motora y el control muscular con la edad o los traumatismos, lo que dificulta el manejo de dispositivos digitales.

Muchos usuarios con discapacidades de movilidad temporales o permanentes utilizan tecnologías de asistencia como lectores de pantalla. Lo que es esencial es darse cuenta de que muchas de estas herramientas dependen de la accesibilidad del teclado. Por lo tanto, su sitio web debe estar diseñado para maximizar la accesibilidad del teclado para que los dispositivos de asistencia puedan funcionar correctamente.

Consejos para la accesibilidad del sitio web para personas con discapacidad cognitiva

• Asegure la accesibilidad del teclado para todas las funciones.
• Use un orden de tabulación lógico, como de arriba a abajo o de izquierda a derecha, según su diseño.
• Incluya comandos de teclado lógicos para interactuar con el contenido.
• Proporcione enlaces de salto para navegar por el sitio.
• Piense antes de usar teclas de acceso directo, ya que algunas de ellas pueden entrar en conflicto con el uso de dispositivos de asistencia.

4. Convulsiones y necesidades epilépticas

De acuerdo con la Herramienta de análisis de epilepsia fotosensible del Centro de investigación y desarrollo de Trace: "Ciertos tipos de destellos en la web o en el contenido de la computadora pueden provocar convulsiones fotosensibles, incluidos los movimientos del mouse que hacen que grandes áreas de la pantalla se enciendan y apaguen rápidamente y repetidamente".

La epilepsia es un trastorno convulsivo fotosensible común. Las convulsiones fotosensibles pueden desencadenarse por luces intermitentes, imágenes y patrones repetitivos. Por ejemplo, el contenido de video en los juegos de computadora web puede incluir parpadeos, colores o patrones de alto contraste que no son seguros, todo lo cual puede desencadenar convulsiones.

Además, las náuseas, los temblores y los vómitos con sangre también pueden ocurrir como una respuesta física adversa a los destellos, parpadeos y parpadeos. En 1997, los niños que veían una caricatura japonesa con una “bomba de virus” animada sufrieron estas reacciones y tuvieron que ser trasladados de urgencia a una sala de emergencias para recibir tratamiento.

Consejos para la accesibilidad del sitio web para personas con convulsiones y epilepsia

• Asegúrese de que ningún componente de su contenido parpadee más de tres veces por segundo.
• Congele la imagen o reduzca la relación de contraste si se registran más de tres destellos por segundo.
• Mantenga todas las áreas intermitentes pequeñas, limitadas a aproximadamente 341 por 256 píxeles.
• Reduzca el contraste y evite los rojos para el contenido intermitente.
• Asegúrese de tener un mecanismo para suprimir el contenido intermitente antes de que comience.
• El material en vivo se puede ralentizar para evitar destellos o parpadeos rápidos.
• Permita que sus usuarios establezcan un límite de tasa de flash personalizado.
• Tenga algunas herramientas para medir los umbrales de flash y asegurarse de que no se violen.

5. Necesidades visuales

Según Prevent Blindness America, 53,2 millones de estadounidenses de 45 años o más tienen algún tipo de discapacidad visual. Para entender los estándares de accesibilidad web, podemos definir dos tipos de necesidades visuales.

• Baja visión: “ Baja visión ” se refiere a impedimentos visuales distintos a la ceguera.
• Ceguera: Esto se define como la pérdida completa de la vista.

Si bien la ceguera total afecta a un pequeño porcentaje de usuarios, los diseñadores de UX deben seguir un enfoque inclusivo para que sus páginas sean accesibles para las personas con discapacidad visual.

Consejos para la accesibilidad del sitio web para personas con necesidades visuales

• Lectores de pantalla: asegúrese de que su sitio sea compatible para usar con lectores de pantalla.
• Texto alternativo : use texto alternativo para las imágenes para que sea más fácil para las personas ciegas comprender su contexto.
• Contraste: el contraste adecuado puede reducir la fatiga visual.
• Use audio: las descripciones de audio para el contenido de su sitio pueden ayudar a los usuarios con problemas visuales a acceder a él de manera efectiva.
• Use etiquetas descriptivas para botones y páginas: esto es útil para que los visitantes con baja visión accedan al contenido sin esfuerzo.
• Encabezados para el contenido: tener títulos claros ayuda a los visitantes del sitio a escanear el contenido sin forzar su visión.

4 soluciones tecnológicas para la accesibilidad de la navegación web

La creación de sitios web accesibles es útil tanto desde el punto de vista empresarial como del usuario. Los diseñadores de UI/UX deben seguir las pautas de accesibilidad web para crear una World Wide Web inclusiva y garantizar una experiencia de usuario inclusiva. Además de seguir los principios básicos de diseño, puede usar software plug-and-play para hacer que su sitio web sea accesible, legalmente compatible e inclusivo. A continuación, enumeramos cuatro soluciones populares para mantener su sitio web accesible para todos.

1. Servicios de subtítulos ocultos

Los proveedores de servicios de subtítulos cerrados brindan una ayuda visual a los videos en forma de subtítulos al integrar el texto transcrito del diálogo y los sonidos a medida que ocurren. El servicio se diseñó inicialmente para ayudar a las personas con discapacidad auditiva a comprender las palabras habladas y la música de los programas de televisión y las películas, pero puede ayudar a otras personas con discapacidades situacionales.

Puede encontrar servicios profesionales de subtitulado para videos en tiempo real y pregrabados. G2 enumera los mejores proveedores de servicios de subtítulos y lo ayuda a comparar productos para elegir el mejor software de subtítulos para su contenido.

2. Software de ampliación de pantalla

El software de ampliación de pantalla puede ayudar a los espectadores a controlar la fatiga ocular, mantener una buena postura y mantener una buena distancia de visualización cuando se usa para enseñar. También es una gran herramienta para usar en su sitio web para permitir que las personas con dificultades visuales accedan al mismo contenido que todos los demás. Por ejemplo, Microsoft ofrece una herramienta Lupa en Windows 10 que se puede usar para agrandar una parte o la totalidad de la pantalla para que pueda ver mejor las palabras y las imágenes.

3. Software de lectura de pantalla

Los lectores de pantalla son programas de software que permiten a los usuarios ciegos o con problemas de visión leer el texto en la pantalla de la computadora usando un sintetizador de voz que lee el texto en voz alta. Algunos lectores de pantalla también comunican datos mediante una pantalla braille. Muchos lectores de pantalla están disponibles para usar con computadoras personales que ejecutan diferentes tipos de sistemas operativos, como Linux, Windows y Mac, IOS, Android y más.

Sin embargo, diferentes lectores de pantalla incorporan diferentes estructuras de comandos, pero admiten varios sintetizadores de voz. Hay muchos programas de lectura de pantalla gratuitos disponibles, como NVDA (para Windows) y Apple VoiceOver (para iOS).

4. Software de reconocimiento de voz

El software de reconocimiento de voz se puede utilizar para convertir el lenguaje hablado o el audio en texto aprovechando los algoritmos de reconocimiento de voz. Es útil para las personas con discapacidades auditivas o problemas motores, ya que les facilita el acceso a su contenido mediante la conversión de archivos de audio y video en texto. El software de reconocimiento de voz también ayuda a las empresas a mejorar la comunicación comercial al traducir y documentar información utilizando tecnologías basadas en IA.

Un buen software de reconocimiento de voz no solo incluye varios vocabularios y patrones de reconocimiento de idiomas, sino también la capacidad de crear y compartir texto convertido y capturar información en múltiples dispositivos. Puede comparar el mejor software de reconocimiento de voz de los principales proveedores de servicios para elegir el que mejor se adapte a su contenido.

la envoltura

La accesibilidad del sitio web es importante tanto desde el punto de vista empresarial como humanitario. Hace que la World Wide Web esté abierta para todos, brindando igualdad de oportunidades y acceso al mismo tiempo que crea un entorno inclusivo.

Desafortunadamente, muchos sitios web continúan ignorando los requisitos de los discapacitados, razón por la cual algunos países han establecido como requisito legal seguir las pautas de accesibilidad del sitio web establecidas por W3C. Si es diseñador de UI/UX, asegúrese de tener en cuenta las necesidades de las personas con discapacidad para dar a su contenido un mayor alcance y accesibilidad.