Crecen las demandas por accesibilidad de sitios web: cómo los sitios de WordPress pueden cumplir con la ley ADA

¿Qué tan familiarizado está con la Ley de Estadounidenses con Discapacidades (ADA)? Desafortunadamente, cada año más propietarios de sitios web están aprendiendo de la manera más difícil cuando son demandados por su incumplimiento de la ADA. La ADA se estableció para garantizar que las personas con discapacidades tengan un acceso justo y equitativo a la vivienda, el empleo, el transporte, los alojamientos públicos, las comunicaciones y los programas o servicios gubernamentales hasta el nivel municipal.

Seyfarth Shaw LLP, una importante firma de abogados internacional, informa que en 2022 se presentaron 3255 demandas en tribunales federales “alegando que los demandantes con una discapacidad no podían usar sitios web porque no estaban diseñados para ser accesibles y/o trabajar con tecnologías de asistencia. ” Cada año desde 2010, este número ha aumentado en un 10% o más. Los litigios relacionados con la accesibilidad del sitio web ahora representan el 37% de todas las demandas del Título III de la ADA.

Entonces, ¿qué significa ser "compatible con WordPress ADA"?

La ADA también se aplica en línea

La legislación de la ADA ha dejado muy claro que la accesibilidad para las personas discapacitadas no es solo algo que ocurre en el mundo físico. También se aplica a los espacios digitales donde muchos de nosotros trabajamos y pasamos mucho tiempo. Los lugares de trabajo y los espacios públicos u oficinas que brindan servicios clave deben ser accesibles para todos. Los sitios web también lo hacen.

Y el mundo digital incluye el sitio web de WordPress que posee y opera.

Por eso es necesario crear sitios de WordPress que cumplan totalmente con la ADA.

La buena noticia es que muchos programas de software y herramientas especializadas lo ayudarán a cumplir con ADA como propietario de un sitio de WordPress. Siga algunas prácticas establecidas y utilice algunas herramientas importantes. Esto asegurará que el contenido de su sitio esté disponible y accesible para todos, incluidas las personas con discapacidades.

En esta guía, profundizaremos en la Ley de Estadounidenses con Discapacidades y por qué debe cumplirla en sus propiedades en línea para evitar posibles acciones legales. También hay muchas otras razones para crear sitios web accesibles, y tienen beneficios directos para los propietarios de sitios.

Finalmente, le mostraremos los cuatro consejos clave de accesibilidad que puede poner en práctica a partir de hoy.

Vamos a ver.

Por qué su sitio web de WordPress debe ser compatible con ADA

La ley federal de los Estados Unidos incluye fuertes protecciones que prohíben por completo que cualquier empresa niegue empleos o viviendas en función de las capacidades físicas de una persona.

La ADA exige un acceso justo a:

• Espacios públicos
• Transporte
• Educación
• …y más…

Más allá del mundo físico, las protecciones de la ADA se extienden también a toda la tecnología de la información y la accesibilidad electrónica.

Debido a esto, el cumplimiento de ADA afecta a casi todos los sitios web publicados. E incluso si la ley no existiera, sigue siendo una buena práctica asegurarse de que su sitio de WordPress sea accesible para la mayor cantidad de usuarios posible.

Más específicamente, la ADA establece explícitamente que las personas deben cumplir con sus políticas de accesibilidad si son un empleador privado con un mínimo de 15 miembros en el personal.

Además, el cumplimiento de la ADA es obligatorio si posee un negocio que opera para el beneficio público, como una organización benéfica registrada.

Más allá de eso, todos los sitios web de las agencias gubernamentales locales y estatales, incluidos los sitios para escuelas, deben cumplir al 100 % con la ADA.

¿Qué significa tener un sitio web compatible con ADA de WordPress?

Primero echemos un vistazo a algunos de los estándares de accesibilidad del sitio web impuestos por la ADA:

• Un sitio web que cumpla con la ADA debe permitir que los usuarios del sitio con discapacidades visuales perciban el contenido de su sitio mediante el uso de lectores de pantalla .
• El sitio debe proporcionar transcripciones o subtítulos de todo el contenido de audio . Esto permite a los usuarios sordos ingerir el contenido del sitio.
• Debe contar con navegación de teclado compatible para que los usuarios que no pueden utilizar un mouse de computadora tradicional puedan navegar por el sitio.
• Un sitio compatible con ADA de WordPress implementará un diseño visual accesible que ayude a acomodar a los usuarios daltónicos o fotosensibles.

Tenga en cuenta que esta no es una lista completa de los estándares que cumplen con ADA. A medida que avancemos en esta guía, profundizaremos en los detalles completos de cómo su sitio de WordPress puede cumplir con todos los requisitos de ADA. A medida que avanzamos con los aspectos técnicos de la accesibilidad, tenga en cuenta ese panorama general (y sus beneficios).

¿Cuáles son las posibles consecuencias de no tener un sitio web de WordPress que cumpla con ADA?

Recuerde, si su sitio no cumple completamente con estos estándares, podría tener problemas con la ley. Este puede ser el caso incluso si no tenía la intención de excluir a las personas con discapacidades de poder acceder y usar fácilmente su sitio web de WordPress. De hecho, en el caso del cumplimiento de la ADA, la intención es independiente de la ley.

Y esto no es una amenaza teórica. En los últimos años, se han presentado varias demandas de alto perfil relacionadas con sitios web que cumplen con la ADA. La más ampliamente cubierta de estas demandas fue contra la marca Domino's Pizza. Este caso llegó hasta la Corte Suprema de los Estados Unidos.

Crear un sitio de WordPress que sea más accesible para las personas con discapacidades no es solo lo correcto. También puede beneficiar enormemente a su marca y a su negocio en general.

Según la OMS (Organización Mundial de la Salud), alrededor de 1.300 millones de personas en todo el mundo tienen al menos un tipo de discapacidad. Esto es alrededor del 16% de la población mundial. Esta es una gran cantidad de nuevos clientes potenciales y espectadores de su sitio.

¿Qué aprendió Target al perder una demanda por accesibilidad?

La Iniciativa de Accesibilidad Web del Consorcio World Wide Web (W3C) ofrece un estudio de caso de una demanda temprana e influyente de la ADA contra el sitio web con problemas de accesibilidad de una importante corporación estadounidense: target.com. La Federación Nacional de Ciegos (NFB) tuvo éxito como demandante en este caso porque el sitio web de Target carecía de características clave de accesibilidad:

• texto alternativo (alt) que describe imágenes para personas con discapacidad visual que usan lectores de pantalla
• controles de teclado para completar compras en línea sin usar un mouse
• mapas de imágenes accesibles que muestran las ubicaciones de las tiendas
• diseño de página HTML semántica compatible con estándares adecuados con encabezados que ayuden a la navegación del sitio

Hoy, Target Corporation es un campeón de la accesibilidad web. Aquí está Jason Goldberger, director digital de Target y presidente de Target.com en 2016, explicando de qué estaba más orgulloso, luego de una década de trabajo para hacer que Target.com fuera accesible y compatible con ADA:

… Escucho regularmente a colegas de muchos equipos diferentes hablar sobre la accesibilidad espontáneamente y trabajarla en sus planes sin ningún recordatorio de nuestra parte. Se ha convertido en parte de la conversación cotidiana, y eso es bastante sorprendente porque no siempre fue así. Pensar en las personas con discapacidades es una parte integral del equipo digital, y para mí y para otros invitados ciegos, es otra parte de lo que hace que Target sea especial.

Si bien la accesibilidad puede ser muy técnica en su implementación, este es el panorama general de lo que respalda y permite: una cultura empresarial positiva en sintonía con las necesidades de sus clientes y clientes potenciales como personas .

Cómo obtener un sitio web de WordPress compatible con ADA

Ahora tiene una comprensión general de lo que es la Ley de Estadounidenses con Discapacidades y por qué es tan importante. A continuación, veremos cómo puede hacer que su sitio de WordPress sea compatible.

Estas son las cuatro cosas que debe hacer para llegar allí.

1. Aprenda cómo se ve un sitio de WordPress que cumple con ADA

El Departamento de Justicia de los Estados Unidos aún no ha publicado ni ha publicado ninguna directriz oficial de cumplimiento de la ADA. Sin embargo, da algunas recomendaciones sólidas.

Familiarícese con las WCAG

En particular, la ADA alienta encarecidamente a todas las organizaciones a seguir las Pautas de accesibilidad al contenido web (WCAG), 2.0 nivel AA.

Estas pautas establecen explícitamente que todos los visitantes del sitio deben poder percibir cada pieza de información que aparece en su sitio de WordPress. Para hacer esto, los propietarios de los sitios deben proporcionar alternativas a los medios que circulan en sus sitios.

Subtítulos de vídeo

Mira YouTube como un ejemplo. Desde que se exigió el cumplimiento de ADA, automáticamente proporcionan subtítulos para todo el contenido de video y audio alojado y reproducido en la plataforma.

Formularios Accesibles

Por ejemplo, podría considerar usar indicaciones de entrada sugeridas para ayudar a aclarar la información que los usuarios del sitio deben ingresar en sus formularios de contacto.

Más allá de eso, si un usuario ingresa información incorrecta en un formulario, intente proporcionar recomendaciones simples sobre las cosas que pueden hacer para corregir estos errores de entrada.

Hacer esto es mucho más útil (y accesible) que mostrar solo un mensaje de error genérico con una entrada del usuario que no es válida.

Admite lectores de pantalla y navegación con teclado

Probablemente ya tenga algunos visitantes del sitio que están interactuando con su sitio usando lectores de pantalla. Para las personas que hacen esto, el texto alternativo descriptivo es extremadamente útil para comprender las imágenes que se muestran en su sitio de WordPress.

A las personas con problemas de destreza manual o visual a menudo les resulta mucho más fácil interactuar con los sitios web mediante el uso de controles de navegación como un teclado o un teclado. Para los usuarios que hacen esto, querrá tener una estructura coherente y clara de navegación del sitio.

También puede proporcionar indicaciones visuales de los elementos que están enfocados actualmente. Estos elementos se activarán la próxima vez que el visitante de su sitio realice una acción, como presionar la tecla 'Regresar' en su teclado.

2. Realice una revisión de cumplimiento de la ADA para ver cuál es su posición actual

La accesibilidad no es un tema sencillo. De hecho, es un tema enorme que involucra muchos elementos de interfaz de anuncios de diseño diferentes que se utilizan para crear un sitio de WordPress que sea más fácil de usar. Si el propietario de un sitio web pasa por alto solo un factor relacionado con la accesibilidad, puede evitar fácilmente que un usuario del sitio (y un cliente potencial) tenga una experiencia positiva en su sitio.

Evaluación de accesibilidad del sitio web (WAVE)

Un buen lugar para comenzar a evaluar la calidad de la experiencia del usuario (UX) de su sitio a la luz de los estándares de accesibilidad es un conjunto de herramientas llamado Evaluación de accesibilidad del sitio web (WAVE). WAVE escaneará su sitio de WordPress y enumerará todos los posibles problemas de accesibilidad. Esta es una herramienta increíblemente valiosa que ayuda a identificar la gran variedad de problemas que podrían afectar la usabilidad del sitio.

Al ver esta lista desde WAVE, podrá hacer clic en los íconos adjuntos para obtener más información sobre cada error de accesibilidad que se haya detectado. La herramienta incluso le sugerirá recursos que le proporcionarán aún más información sobre cada problema de usabilidad.

Desafortunadamente, WAVE es una herramienta limitada que solo puede escanear una sola página web a la vez. Para acelerar el proceso de escanear todo su sitio de WordPress, es una buena idea instalar las extensiones WAVE para Firefox o WAVE para Chrome (según el navegador que prefiera).

Las extensiones le permitirán ejecutar WAVE en cada página web que esté viendo actualmente.

3. Siga siempre las mejores prácticas de WordPress que cumplen con ADA al crear sitios accesibles

Una vez que haya probado la accesibilidad de su sitio y compilado los resultados, es hora de abordar cada problema individual que haya identificado.

Es imperativo que haga un balance completo del contenido de su sitio. Considere si puede proporcionar productos de medios alternativos para lo que ya ha publicado.

Servicios de transcripción

Si no puede hacer que un profesional transcriba su contenido, existen algunas herramientas de software que generarán automáticamente los subtítulos para usted.

Desafortunadamente, algunos de ellos son un poco descuidados e inexactos a veces. Pero si usar herramientas de software de transcripción es su única opción, es mejor que no proporcionar ninguna transcripción de su contenido.

También querrá proporcionar alternativas de texto escrito a las imágenes de su sitio de WordPress. Esta práctica increíblemente útil beneficia enormemente a todos los usuarios que experimentan su sitio web a través de herramientas de accesibilidad como los lectores de pantalla.

Texto alternativo e imágenes

En WordPress, es simple agregar texto alternativo descriptivo a sus imágenes y elementos visuales directamente en la Biblioteca de medios.

Además, muchos propietarios de sitios de WordPress que buscan el cumplimiento de ADA han descubierto que es mejor evitar incluir texto en las imágenes de su sitio web. Grandes cantidades de texto en las imágenes harán que sea más difícil describir sus gráficos a las personas con problemas de visión usando solo su texto alternativo.

En su lugar, considere si podría crear un efecto similar usando código. Como ejemplo, puede agregar la información que intenta transmitir como texto sin formato. Luego usa CSS para diseñarlo.

Relaciones de contraste

Para admitir completamente a los visitantes del sitio que tienen problemas de visión, es una buena idea mantener una relación de contraste de al menos 4,5:1 para todo el texto. También querrá hacer que todo el texto se redimensione hasta en un 200%.

El desafío que tendrá será proporcionar este tipo de flexibilidad sin afectar la funcionalidad de su sitio. Es probable que esto requiera que realice muchas pruebas de usabilidad antes de realizar los cambios en vivo.

Si desea obtener más información sobre los problemas de accesibilidad que afectan a su sitio, es importante ejecutar todo el contenido de su sitio a través de la herramienta WAVE. Luego, tómese el tiempo para leer todos los recursos que sugiere WAVE.

Las pautas establecidas por las WCAG son ampliamente aceptadas como el estándar de la industria en lo que respecta a la accesibilidad. Pero es una buena idea mirar también la lista de verificación de accesibilidad de WebAIM. Esta herramienta tiene como objetivo condensar las especificaciones oficiales de WCAG 2.1.

4. Instale complementos que mejoren el cumplimiento de ADA de WordPress

Muchos complementos y herramientas diferentes en el repositorio de WordPress prometen guiarlo hacia el cumplimiento de WordPress ADA. Por ejemplo, puede escanear rápidamente todo su sitio web en busca de problemas de accesibilidad utilizando WP ADA Compliance Check Basic.

Comprobación básica de cumplimiento de WP ADA

Este complemento útil sugiere recursos que brindan más información sobre cada problema que detecta, al igual que la herramienta WAVE. Pero con esto, también obtendrá un enlace directo al código afectado. Esto es extremadamente útil cuando necesita resolver problemas complejos con la accesibilidad.

Otra herramienta a considerar es el complemento Comprobador de accesibilidad. Este complemento intenta ser la versión específica de WordPress de WAVE y le permite escanear todo su sitio de WordPress desde el tablero.

Comprobador de accesibilidad digital Equalize

Como propietario de un sitio web de WordPress, hay muchas maneras diferentes de hacer que un sitio sea más accesible. Sin embargo, elegir el tema incorrecto para ejecutar su sitio puede anular todos sus esfuerzos.

El repositorio de temas de WordPress.org está repleto de temas diseñados por profesionales. Sin embargo, incluso los diseñadores de WordPress más experimentados a veces pasan por alto principios importantes relacionados con el cumplimiento y la accesibilidad de ADA.

Accesibilidad de WP

Para ayudar a resolver este problema, el complemento de accesibilidad de WP abordará los problemas que ocurren dentro de los temas de WordPress. Después de descargar y activar el complemento, querrá navegar a Configuración> Accesibilidad de WP dentro del panel de control de WordPress.

Una vez allí, verá varias configuraciones relacionadas con la accesibilidad del sitio que puede activar y desactivar. Esto dependerá de cómo esté configurado su tema.

La configuración incluirá la adición de un esquema al enlace :focus para mejorar la navegación del teclado y proporcionar más información sobre el contenido de la imagen usando longdesc .

No use una superposición de accesibilidad

Es importante recordar que no existen verdaderas soluciones plug-and-play que crearán un sitio web completamente accesible y compatible con ADA. Algunos complementos pueden afirmar ser plug-and-play, pero no es posible. Los complementos de cumplimiento son perfectos para escanear sitios en busca de problemas y hacer ajustes para mejorar los problemas. Pero tenga cuidado con los complementos que intentan utilizar un enfoque de superposición. Además, tenga cuidado con los complementos que afirman que ofrecen el 100% de conformidad con la ley ADA de WordPress simplemente descargando y activando el complemento.

Estas "superposiciones de accesibilidad" deben evitarse.

Es hora de crear un sitio de WordPress que cumpla con ADA

Obviamente, hacer que su sitio de WordPress sea accesible para todos es lo correcto como propietario de un sitio. Pero también lo protegerá de posibles ramificaciones legales.

Y al asegurarse de que su sitio cumpla con ADA, aumentará automáticamente su base potencial de clientes.

Para recapitular los pasos a seguir para crear un sitio compatible con WordPress ADA:

1. Comprenda cómo se ve un sitio web que ya cumple con ADA.
2. Revise su propio sitio para comprender qué tan compatible ya es. Esto se puede hacer usando una herramienta WAVE (Evaluación de Accesibilidad del Sitio Web).
3. Siga las mejores prácticas ya comprobadas para crear sitios web que sean accesibles.
4. Instale complementos de WordPress como WP Accessibility y WP ADA Compliance Check Basic.

En ese momento, estará bien encaminado para ser dueño de un sitio web compatible con ADA de WordPress que a sus usuarios les encantará.

Descargue Kadence Theme y Kadence Blocks para crear sitios web efectivos

Si te encanta crear contenido atractivo con un diseño hermoso, Kadence Blocks proporciona herramientas para ser creativo directamente en el editor nativo de WordPress. Además, disfrute de toneladas de contenido preconstruido que puede incluir fácilmente en su sitio, incluida una biblioteca de bloques de estructura alámbrica para comenzar con su próximo diseño web. ¡Grande para la inspiración y el desarrollo rápido!

Descargar ahora

dan knauss

Dan Knauss es el generalista de contenido técnico de StellarWP. Ha sido escritor, profesor y autónomo trabajando en código abierto desde finales de la década de 1990 y con WordPress desde 2004.