Demandas por accesibilidad web: 4 ejemplos de la vida real y conclusiones clave

En los EE. UU., más de 61 millones de personas viven con discapacidades (CDC). Excluir a una porción tan grande de la población representa una enorme oportunidad perdida en términos de negocios. La construcción de sitios web accesibles es primordial por razones morales y legales. Ofrecer un diseño accesible como parte de sus servicios de diseño web es un gran valor agregado para sus clientes y seguramente lo diferenciará de sus competidores.

La accesibilidad digital comienza con la construcción de un sitio web increíble. Descargue la "Guía de 6 pasos para vender servicios de sitios web a empresas locales" para comenzar a brindar accesibilidad a sus clientes hoy.

En este artículo, presentaremos puntos clave de la Ley de Estadounidenses con Discapacidades (ADA) y mostraremos algunos sitios web que incurrieron en demandas por accesibilidad. Además, brindaremos algunos consejos y mejores prácticas que lo ayudarán a evitar problemas legales costosos y garantizar que los sitios web de sus clientes permanezcan accesibles para los usuarios.

Tabla de contenido

• ¿Por qué es importante la accesibilidad web?
• ¿Qué es la Ley de Estadounidenses con Discapacidades (ADA)?
• Ejemplos del mundo real de demandas por accesibilidad web
  • Domino´s Pizza contra Guillermo Robles
  • Mary Conner contra Parkwood Entertainment
  • Gil contra Winn-Dixie
  • Asociación Nacional de Sordos vs. Harvard + MIT
• Consejos de diseño de sitios web y mejores prácticas para la accesibilidad
  1. Comprender las pautas de las WCAG 2.1
  2. Diseño para la accesibilidad del teclado
     • Foco del teclado
     • orden de tabulación
     • Sin trampas de teclado
  3. Proporcionar texto alternativo para las imágenes
     • Consejos para crear texto alternativo eficaz
  4. Usar el contraste de color apropiado
  5. Evitar contenido inaccesible
  6. Probar la accesibilidad del sitio web
• Preguntas frecuentes
  • ¿Qué es una demanda de accesibilidad?
  • ¿Cuál es la mayor demanda de accesibilidad?

¿Por qué es importante la accesibilidad web?

La accesibilidad web es un tema fundamental que debe tenerse en cuenta al desarrollar sitios para sus clientes, ya que los sitios web inaccesibles corren el riesgo de excluir a los visitantes que viven con discapacidades, como deficiencias auditivas o visuales. No solo es una forma de discriminación, sino que limita el crecimiento comercial de su cliente al excluir a un grupo de clientes potenciales.

Además, la accesibilidad digital puede ser un problema legal. La Ley de Estadounidenses con Discapacidades (ADA, por sus siglas en inglés) estipula que no hacer adaptaciones para las personas con discapacidades es una forma de discriminación. Como tal, las demandas por accesibilidad de sitios web son cada vez más comunes. En 2022, se presentaron más de 3200 demandas por accesibilidad de sitios web en EE. UU. (Codemantra). Para las empresas que no cumplen, estas demandas representan enormes honorarios legales, multas y mala prensa por no proporcionar un sitio web accesible.

¿Qué es la Ley de Estadounidenses con Discapacidades (ADA)?

La Ley de Estadounidenses con Discapacidades se desarrolló para proteger a las personas que viven con discapacidades de sufrir discriminación. La ADA se convirtió en ley en 1990 y prohíbe la discriminación en el empleo, el transporte, los lugares de alojamiento público (tiendas, restaurantes, edificios de oficinas, etc.), las comunicaciones y más. Según la ADA, los sitios web y otras plataformas de comunicación deben realizar adaptaciones para las personas que viven con discapacidades.

Las Pautas de Accesibilidad al Contenido Web (WCAG) fueron desarrolladas por la Iniciativa de Accesibilidad Web (WAI) para establecer un estándar internacional para la accesibilidad del contenido web. Fue creado en un esfuerzo por cumplir con la ADA y mejorar la experiencia de navegación web para personas con discapacidades. Estas pautas ayudan a los diseñadores web a pensar en las diferentes adaptaciones que deben hacerse para las personas con discapacidades para garantizar que puedan navegar por los sitios web libremente. Son el estándar de oro cuando se trata de diseñar sitios web accesibles.

Ejemplos del mundo real de demandas por accesibilidad web

Si cree que las posibilidades de verse afectado por una demanda de accesibilidad web son bajas, piénselo de nuevo. Estas demandas son cada vez más comunes y pueden afectar a empresas de cualquier tamaño. Aquí hay algunos ejemplos recientes a tener en cuenta.

Domino´s Pizza contra Guillermo Robles

En 2016, un ciego llamado Guillermo Robles presentó una demanda contra la cadena de pizzerías Domino's tras varios intentos fallidos de pedir una pizza personalizada a través de su plataforma online. Incluso con la ayuda del software de lectura de pantalla, Robles no pudo realizar un pedido en línea. Robles citó la ADA en la demanda, insistiendo en que Domino's tiene la obligación de hacer que su sitio web sea accesible para personas con discapacidades dado que es una empresa con ubicaciones físicas (lugares de alojamiento público).

Domino's se defendió, afirmando que no existen pautas claras para acomodar la ADA en las plataformas web porque no existían en su forma actual cuando se instauró la ley en 1990.

En última instancia, la Corte Suprema se puso del lado de Robles. En junio de 2021, un juez dictaminó que Domino's había violado la ADA al no proporcionar un sitio web que fuera totalmente accesible, y se ordenó a la empresa que hiciera que su sitio cumpliera con los estándares WCAG 2.0.

Mary Conner contra Parkwood Entertainment

En 2019, se presentó una demanda colectiva contra la compañía Parkwood Entertainment de Beyonce, alegando que el sitio web beyonce.com viola la ADA por no acomodar a los visitantes con discapacidad visual.

La demanda argumenta que el sitio web, una plataforma altamente visual, no proporcionó un texto alternativo adecuado en las imágenes en todo el sitio, lo que hizo imposible que los visitantes ciegos que usan software de lectura de pantalla interpreten adecuadamente o realicen compras a través del sitio web. La demanda también enumera otras quejas sobre el sitio web, incluida la falta de enlaces y menús de navegación accesibles. El resultado de esta demanda aún está pendiente.

Gil contra Winn-Dixie

Una demanda de 2017 contra el minorista de comestibles Winn-Dixie acusó a la empresa de violar la ADA. El demandante Juan Carlos Gil presentó la demanda después de que su lector de pantalla no pudiera interpretar el sitio web, lo que le impedía ordenar productos o acceder a las recompensas de su cuenta. El demandante argumentó que el sitio web debe considerarse un lugar de alojamiento público y, por lo tanto, debe seguir las pautas de la ADA.

Desafortunadamente, los tribunales finalmente fallaron a favor de Winn-Dixie, afirmando que los clientes que no podían usar el sitio web simplemente podían visitar una tienda. Sin embargo, a pesar de ganar la demanda, Winn-Dixie se ha comprometido a hacer que su sitio web cumpla con los estándares WCAG 2.0 para garantizar que sea completamente accesible en el futuro.

Asociación Nacional de Sordos vs. Harvard + MIT

En 2015, la Asociación Nacional de Sordos (NAD), en asociación con demandantes individuales, presentó demandas contra Harvard y el MIT. Estas demandas afirmaron que cada universidad violó la ADA por no hacer que el contenido en línea gratuito fuera igualmente accesible para personas sordas y con problemas de audición.

Después de múltiples intentos por parte de ambas universidades para que se desestimaran estas demandas de accesibilidad del sitio web, los tribunales rechazaron repetidamente sus mociones. En 2020, ambas demandas llegaron a acuerdos en los que tanto Harvard como el MIT deben actualizar el contenido en línea disponible públicamente para que sea igualmente accesible para las personas con pérdida auditiva.

Consejos de diseño de sitios web y mejores prácticas para la accesibilidad

La accesibilidad web es importante desde un punto de vista moral. Con un sitio web compatible con ADA, sus clientes pueden evitar discriminar a una parte de la población. Además, un sitio web inaccesible los excluye de los beneficios de los productos o servicios de su cliente. Siga estos consejos de diseño de sitios web para asegurarse de tener en cuenta la accesibilidad digital al diseñar sitios web.

1. Comprensión de las directrices WCAG 2.1

Comprender las pautas de WCAG 2.1 es el primer paso para crear un sitio web que cumpla con ADA. Las pautas describen las adaptaciones recomendadas para personas con una amplia gama de discapacidades, que incluyen problemas de visión, ceguera, pérdida de audición, fotosensibilidad y más. El documento está evolucionando, por lo que cualquier persona que trabaje en el desarrollo web debe mantenerse informado sobre los estándares de accesibilidad web y estar preparado para adaptarse a medida que se introduzcan nuevos estándares.

Las pautas de las WCAG son muy detalladas, pero algunos elementos esenciales de un sitio web accesible incluyen lo siguiente:

• Texto alternativo que proporciona descripciones adecuadas de imágenes y elementos visuales del sitio web
• Fuerte contraste de color entre el texto y los fondos del sitio web
• La capacidad de navegar por un sitio web usando un teclado (sin mouse ni trackpad)
• Subtítulos en contenido de video
• Y más…

Profundizaremos en cada uno de estos elementos con más detalle a continuación, pero esto es solo el comienzo de lo que se necesita para crear un sitio web accesible. Revise las pautas de WCAG 2.1 para asegurarse de que cualquier sitio web que cree para los clientes cumpla con las normas.

2. Diseño para la accesibilidad del teclado

Los visitantes del sitio web con problemas de visión o discapacidades motoras pueden tener dificultades para usar un mouse o trackpad de computadora. En cambio, estas personas confían en la accesibilidad del teclado para navegar por los sitios web. Los siguientes son componentes clave de un sitio web accesible desde el teclado.

Foco del teclado

Los elementos de enfoque del teclado son elementos como botones, enlaces, casillas de verificación o campos que se pueden desencadenar o activar mediante un teclado. En un sitio web accesible por teclado, un usuario puede controlar cada uno de estos elementos únicamente a través del teclado. El enfoque del teclado hace referencia a una indicación visual de que se ha seleccionado un elemento en particular, como un contorno de color alrededor de un campo de texto o un botón. Este indicador de enfoque es esencial para ayudar a las personas a identificar qué elemento del sitio web están manipulando en un momento dado.

orden de tabulación

La tecla de tabulación se utiliza para navegar de un elemento de enfoque del teclado al siguiente. El orden de tabulación lógico es fundamental para mantener una experiencia de usuario positiva para las personas que dependen de las funciones de accesibilidad del teclado. En la mayoría de los casos, el orden de tabulación debe ser coherente con el flujo visual de la página. En otras palabras, los elementos deben seleccionarse en el orden en que aparecen en la página. Sin embargo, el orden de tabulación más intuitivo puede variar según el diseño de la página.

Sin trampas de teclado

La frase "trampa de teclado" se refiere a los errores que pueden ocurrir al navegar por un sitio web con un teclado. Por ejemplo, si un usuario no puede alejarse de un elemento de enfoque en particular, eso se consideraría una trampa del teclado. Es crucial probar exhaustivamente todos los aspectos de un sitio web, incluidas las ventanas emergentes, los widgets, las galerías y más, para asegurarse de que el sitio esté libre de trampas de teclado. No olvide probar también las trampas del teclado en las páginas de estado vacías, ya que son esenciales para la experiencia de navegación.

3. Proporcionar texto alternativo para las imágenes

El "texto alternativo", o texto alternativo, es una frase u oración descriptiva incrustada en los metadatos de las imágenes de un sitio web. Las personas con problemas de visión utilizan software de lectura de pantalla para navegar por los sitios web, y estos lectores de pantalla se basan en el texto alternativo para describir los elementos visuales de un sitio web. El texto alternativo debe incluirse en todas las imágenes no ornamentales de un sitio, incluidas imágenes editoriales, gráficos, infografías, diagramas, ilustraciones e íconos.

Consejos para crear texto alternativo eficaz

En la mayoría de los casos, el texto alternativo debe ser breve y directo al mismo tiempo que brinda contexto a la imagen. Por ejemplo, supongamos que está describiendo una foto de dos perros jugando a tirar en un sitio web sobre Labrador Retrievers. Un ejemplo de texto alternativo eficaz sería "Two Labradors play tug". Este texto describe la imagen con precisión y proporciona contexto al especificar la raza de los perros en la imagen.

Para elementos visuales más complejos, como diagramas o gráficos, es posible que se requieran dos o tres oraciones de texto alternativo para comunicar lo que muestra el gráfico. Por ejemplo, si el gráfico muestra el peso promedio de un Labrador Retriever según la edad, el texto alternativo podría decir: "Un gráfico muestra que los Labrador Retriever normalmente pesan X libras a los cuatro meses, X libras a los nueve meses...".

Al escribir texto alternativo, asegúrese de que la descripción proporcione suficiente información para que alguien entienda lo que comunica la imagen, incluso si no puede verlo.

4. Usar el contraste de color apropiado

La incorporación de un contraste de color adecuado entre el texto y los fondos de la página web es esencial para la accesibilidad web. Cuando el contraste de color no es lo suficientemente fuerte, los usuarios con discapacidades visuales pueden tener dificultades para leer y navegar por el sitio de manera efectiva. Esto no solo hace que la experiencia del usuario sea terrible, sino que deja al propietario del sitio vulnerable a una demanda por accesibilidad del sitio web.

Si el contraste de color en un sitio es demasiado sutil, las personas con problemas de visión pueden tener dificultades para leer el texto, lo que genera una experiencia de usuario deficiente. Las pautas WCAG 2.1 recomiendan una relación de contraste de 4,5:1 para texto normal y una relación de contraste de 3:1 para texto grande en un sitio web.

Las pautas WCAG 2.1 también brindan recomendaciones sobre el contraste de color. Si no está seguro de si el color de la fuente y el color de fondo de un sitio que diseña ofrece suficiente contraste, puede utilizar las herramientas en línea para comprobarlo. Una búsqueda rápida en Google de "verificador de accesibilidad del sitio web" proporcionará varias opciones. Recuerde priorizar el contraste de colores sobre los colores o diseños de moda cuando brinde servicios de diseño de sitios web a los clientes.

5. Evitar contenido inaccesible

Todo el contenido de un sitio web debe ser accesible para personas con discapacidades, de ahí los requisitos de contraste de color y texto alternativo. Si un sitio web aloja contenido de video, los videos deben tener descripciones de audio o subtítulos para que el contenido sea accesible para los usuarios con discapacidad auditiva. Afortunadamente, muchos servicios de transcripción están disponibles para ayudar a transcribir contenido de video, y servicios como Rev y Otter Ai hacen que sea fácil y asequible obtener subtítulos de video.

Con tantos visitantes de sitios web navegando en dispositivos móviles en estos días, incluso las personas sin discapacidad auditiva aprecian los subtítulos en los videos. Los subtítulos permiten a los usuarios consumir contenido de video en espacios públicos donde el audio puede ser molesto o difícil de escuchar. Con esto en mente, incluir subtítulos en sus videos puede aumentar sus vistas al hacerlos más fáciles de consumir.

6. Probar la accesibilidad del sitio web

Una cosa es diseñar un sitio web accesible y otra navegarlo como alguien que confía en las funciones de accesibilidad. Probar la accesibilidad del sitio web es esencial para garantizar que el sitio sea verdaderamente funcional para las personas con discapacidades. Esto no solo protegerá a sus clientes de las demandas por accesibilidad del sitio web, sino que también evitará que excluyan inadvertidamente a los clientes con discapacidades.

Los verificadores de accesibilidad del sitio web son una excelente manera de identificar problemas de accesibilidad en el sitio de un cliente. Herramientas como EqualWeb y AccessiBe son solo algunos ejemplos de los numerosos verificadores de accesibilidad que existen. Estas herramientas escanean sitios web e identifican problemas de cumplimiento que luego puede solucionar para garantizar que el sitio web cumpla con ADA.

Los diferentes verificadores de accesibilidad usan diferentes estándares de cumplimiento como base para sus escaneos, así que asegúrese de seleccionar uno que busque el cumplimiento de ADA y WCAG 2.1. De lo contrario, es posible que el verificador no detecte todos los problemas de accesibilidad que debe tener en cuenta.

Preguntas frecuentes

¿Qué es una demanda de accesibilidad?

Una demanda de accesibilidad de sitios web es una demanda contra el propietario de un sitio web cuyo sitio no cumple con las pautas de la ADA sobre accesibilidad web. Es decir, una empresa o individuo puede ser demandado si su sitio web no es accesible para personas con discapacidades.

¿Cuál es la mayor demanda de accesibilidad?

La demanda de accesibilidad más grande hasta la fecha fue la Federación Nacional de Ciegos v. Target Corporation. La demanda se resolvió por $ 6 millones en 2018.