Este artículo fue creado en colaboración con estudioworks. Gracias por apoyar a los socios que hacen posible SitePoint.
Según los datos de accesibilidad web, las demandas relacionadas con el cumplimiento de la ADA llegaron a más de 2,000 casos en 2019. El cumplimiento de la ADA es obligatorio para las agencias digitales. El desafío, sin embargo, es saber cómo para construir y diseñar sitios web compatibles con ADA. Ese es el problema que te ayudaremos a abordar en esta publicación.
En esta última guía de cumplimiento de ADA, presentamos las cosas que su agencia de diseño web necesita saber para hacer sitios web accesibles.
La cantidad de demandas solo seguirá creciendo si los propietarios de sitios web, los desarrolladores y las agencias siguen sin cumplir con la ADA.
Si no desea ser parte de esa estadística, deberá asegurarse de que los sitios web de su agencia y cliente ofrezcan accesibilidad a personas con discapacidades y se adhieran a los estándares de la ADA.
¿Qué es la ADA, de todos modos?
La Acta de Americanos con Discapacidades es una ley de derechos civiles que se promulgó en 1990 para prohibir la discriminación contra las personas con discapacidad en todos los ámbitos de la vida pública.
Esto incluye la no discriminación en las escuelas, los trabajos, el transporte y todos los lugares públicos y privados para el acceso general, y aquellos considerados como "alojamiento público".
Para las empresas, las adaptaciones requeridas en virtud de la ADA incluyen dispositivos de interfaz para personas con discapacidad visual, intérpretes calificados o herramientas de interpretación para personas con discapacidad auditiva, acceso en rampa para dispositivos de movilidad, como sillas de ruedas, y más.
En el espacio digital, específicamente los sitios web, el cumplimiento de la ADA significa proporcionar características y funcionalidades de accesibilidad web que permiten a las personas con discapacidad utilizar los sitios de manera efectiva.
Originalmente, la ADA definía a las personas con discapacidad como aquellas con condiciones que limitan sustancialmente las actividades principales de la vida, lo que de alguna manera restringía lo que se consideraba una discapacidad.
Sin embargo, en la enmienda de 2018, el alcance de la ADA se hizo más amplio, cambiando el significado de "actividad principal de la vida" para incluir funciones de la vida diaria como realizar operaciones manuales.
Con esta nueva definición, las empresas deberán proporcionar accesibilidad a una amplia gama de discapacidades para cumplir con los estándares de la ADA.
¿Por qué las agencias de diseño web deberían saberlo?
Si su agencia de diseño web crea sitios web que no cumplen con los estándares ADA, usted pone a sus clientes en riesgo de ser golpeados con demandas relacionadas con ADA, y eso no es donde quiere estar.
Al proporcionar sitios no conformes a sus clientes, no solo recibirá críticas por parte de ellos debido a los problemas legales en los que se encontrarán, sino que también arruinará la credibilidad de su agencia.
También vale la pena señalar que la ADA no especifica los requisitos técnicos para lograr el cumplimiento. En cambio, le brinda la flexibilidad de cómo puede hacer que sus sitios web sean accesibles.
Desafortunadamente, esto no le da mucho con qué trabajar para cumplir plenamente con la legislación.
El Departamento de Justicia (DOJ) y los tribunales de EE. UU. Utilizaron previamente Pautas de accesibilidad al contenido web (WCAG) 2.1 Criterios de éxito de nivel AA como estándar para evaluar la accesibilidad de los sitios web.
WCAG 2.1 proporciona capas de estándares para ayudarlo a lograr la accesibilidad web, incluidos principios, pautas básicas, criterios de éxito y técnicas suficientes y de asesoramiento.
Aunque el WCAG 2.1 no está formalmente codificado en la ley de los EE. UU., Actualmente es el estándar mejor y más seguro que puede seguir para cumplir con los requisitos de accesibilidad web y el ADA.
¿Cómo pueden las agencias de diseño web crear sitios web compatibles con ADA para sus clientes?
Hay varias formas de crear sitios web que cumplan con ADA para sus clientes, pero la más confiable, asequible y fácil de implementar es que las agencias usen una plataforma de accesibilidad web como ACCESO.
La plataforma aprovecha la IA y está completamente automatizada: escanea sitios web y hace que todos sus elementos cumplan con los requisitos para que el resultado final sea sitios web totalmente accesibles y que cumplan con los estándares WCAG 2.1 Nivel AA y ADA.
La interfaz de la plataforma permite a los usuarios discapacitados realizar ajustes en la interfaz de usuario de los sitios web de sus clientes de acuerdo con sus discapacidades y necesidades.
Los usuarios pueden ajustar fuentes, colores, pausar animaciones, resaltar contenido, silenciar audio y otras funciones como habilitar un teclado virtual, cambiar el tamaño y color del cursor, y más.
Estos ajustes de interfaz ofrecen accesibilidad a diferentes discapacidades, como impedimentos visuales, epilepsia y más, lo que permite el uso efectivo de sus sitios web.
Ni siquiera necesitará realizar modificaciones importantes en los sitios web de sus clientes, ya que la interfaz de accessiBe permite a los usuarios ajustar el diseño del sitio en consecuencia.
accessiBe también usa tecnología de IA para la optimización del lector de pantalla y la navegación del teclado.
La IA aprende todos los componentes del sitio web de su cliente para proporcionar un contexto completo para el software lector de pantalla a través del conjunto de atributos de Aplicaciones de Internet enriquecidas accesibles (ARIA).
Por ejemplo, la IA proporciona etiquetas de formulario precisas, roles de elementos como sus botones y menús, descripciones de iconos accionables como las de sus redes sociales e iconos de búsqueda, y más.
La IA de accessiBe modificará automáticamente las etiquetas de enlace en el sitio web, en su icono de Twitter, por ejemplo, y agregará una etiqueta ARIA que se verá así:
aria-label="Twitter"
Esto permite a los lectores de pantalla leer "vincular Twitter" en lugar de simplemente "vincular", proporcionando una descripción más precisa para los usuarios ciegos en los sitios web de sus clientes.
Para optimizar las funcionalidades de navegación del teclado, la IA ajustará el HTML del sitio web de su cliente y agregará diferentes comportamientos con código JavaScript para permitir la operación completa del teclado.
accessiBe le quita un gran peso a su carga de trabajo, ya que su agencia no necesitará codificar manualmente todo para que los sitios web de sus clientes cumplan con ADA y sean totalmente accesibles.
Además, accessiBe utiliza técnicas de aprendizaje automático para optimizar el nivel de accesibilidad de sus sitios web cada 24 horas, y realiza los ajustes necesarios automáticamente para un cumplimiento del 100%.
Esto significa que no necesitará ingresar y codificar los ajustes de accesibilidad o modificar el diseño del sitio cada vez que actualice o agregue contenido nuevo al sitio web.
La mejor parte es que si refiere a sus clientes a accessiBe para que puedan cumplir con la ADA, obtendrá una comisión del 20% del valor de compra de su cliente a través de su programa de asociación.
También tiene la opción de comprar accessiBe para sus clientes para que luego pueda cobrarles. (AccessiBe le dará un descuento incorporado del 20% para sus compras).
También hay otros métodos para cumplir con WCAG 2.1 y ADA, como los complementos de accesibilidad.
Sin embargo, la mayoría de los complementos de accesibilidad solo pueden ayudarlo a cumplir entre el 5 y el 20% de los requisitos, lo que resulta en tasas de éxito deficientes.
Además, la mayoría de los complementos ofrecen solo una fracción de las funcionalidades que necesita para crear sitios web totalmente accesibles, y necesitará integrar cada uno al sitio, lo que puede ser mucho trabajo.
Las soluciones de accesibilidad manual también son una opción para ayudarlo con el cumplimiento, pero la mayoría de ellas pueden ser costosas, no sostenibles y su implementación llevará mucho tiempo.
Además, deberá verificar y modificar los sitios web constantemente, ya que agregar contenido nuevo y actualizaciones diarias puede causar lagunas de accesibilidad en su sitio web.
¿Cómo verificar el nivel de accesibilidad de un sitio web?
Crear sitios web compatibles con ADA es una cosa, pero también es crucial que el contenido web permanezca accesible en todos veces.
Para hacer esto, deberá verificar cualquier problema que afecte el nivel de cumplimiento y la accesibilidad de su contenido a las WCAG.
Con herramientas de evaluación de accesibilidad web como WAVE, puede evaluar posibles errores de WCAG en los sitios web de sus clientes.
Una vez que copie y pegue la dirección de la página web o la URL en el campo provisto, la herramienta identificará problemas de accesibilidad como errores en el contraste, elementos estructurales y más.
Así es como se ve un sitio web totalmente accesible y compatible con ADA.
En contraste, esto es lo que se vería con un sitio web que no es totalmente accesible y compatible si lo ejecuta a través de WAVE.
La herramienta también proporciona información sobre los errores encontrados y recomendaciones específicas para solucionar los problemas de accesibilidad de los sitios web de sus clientes.
Por ejemplo, si su etiqueta de texto de control de formulario visible carece de una etiqueta correspondiente, la herramienta recomienda utilizar el <label> elemento para relacionarlo con su control de forma.
Para aquellos sin etiqueta visible, puede agregar un atributo de título descriptivo, proporcionar una etiqueta asociada al control de formulario o hacer referencia a la etiqueta usando aria-labelledby.
También puede verificar si los niveles de contraste de los elementos de su sitio están dentro de los estándares de accesibilidad de WCAG a través de herramientas como Comprobador de contraste.
Puede elegir los colores de primer plano y de fondo, y la herramienta verificará el contraste en función de la diferencia de color, el brillo y la legibilidad para los daltónicos.
La herramienta también indicará si los colores contrastantes superan los criterios de éxito WCAG Level AA y AAA para estándares mínimos y mejorados para fuentes de menos de 18 puntos.
Los sitios web de sus clientes también deben proporcionar subtítulos y subtítulos para cumplir con los requisitos de WCAG y ADA.
Herramientas de edición de video en línea como veed puede ayudarte con esto a través de sus herramientas fáciles de usar.
La herramienta le permite agregar subtítulos de forma manual o automática y cargar archivos de subtítulos como .srt, .vtty otros formatos para tus videos.
Con esto, los sitios de sus clientes proporcionan accesibilidad para las personas sordas o con problemas de audición y responden a los requisitos de WCAG para incluir subtítulos para todos los videos en los sitios web.
Además, para que los sitios web de sus clientes cumplan con la ADA, deben permitir una navegación fácil para los discapacitados y los ciegos.
Una excelente manera de garantizar que los sitios web de sus clientes sean accesibles es comprender cómo las personas ciegas y con problemas de visión navegan por los sitios.
Por ejemplo, los usuarios ciegos trabajan con software de lector de pantalla para navegar por Internet. Puede emular su experiencia utilizando lectores de pantalla gratuitos como NVDA (acceso de escritorio no visual) para ayudar a identificar posibles problemas de accesibilidad en los sitios web de sus clientes.
La herramienta funciona en los sistemas operativos Windows y ofrece una variedad de características que incluyen un instalador parlante fácil de usar, soporte para pantallas Braille en aplicaciones populares como Google Chrome y más.
También ofrece informes de formato de texto (cuando estén disponibles) como errores ortográficos, tamaño de fuente, estilo y nombre.
Con esta herramienta, puede ver cuán accesibles son los sitios web de sus clientes desde la perspectiva de los usuarios ciegos que usan lectores de pantalla.
Beneficios inesperados de cumplir con la accesibilidad web
En su mayor parte, muchos propietarios de sitios web y agencias web están preocupados por la ADA debido a las repercusiones legales del incumplimiento.
Sin embargo, aquellos que se toman el tiempo para invertir en el cumplimiento han encontrado beneficios que no pensaron que saldrían de cumplir con los estándares de la ADA.
Por ejemplo, el cumplimiento de ADA puede conducir a más ventas, ya que permite a los propietarios de sitios web atender a un conjunto más amplio de audiencias, lo que ayuda a hacer crecer tanto los mercados de su agencia como los de sus clientes.
El cumplimiento también puede ayudar a construir una mejor reputación de marca, ya que proporcionar accesibilidad web mostrará la preocupación de sus clientes por el bienestar de sus usuarios.
Finalmente, adherirse a la ADA puede llevar a tasas de rebote más bajas, porque los usuarios discapacitados no hacen clic y navegan continuamente por el sitio, lo que aumenta las posibilidades de convertirlos en clientes.
Hacer sitios web compatibles con ADA ahora
Si desea que su agencia de diseño web prospere, debe mostrar una preocupación genuina por sus clientes.
Debe asegurarse de que obtengan toneladas de valor de los sitios web que está creando, al tiempo que los protege de las amenazas que podrían dañar su negocio.
Es por eso que debe asegurarse de que cada sitio web que cree para sus clientes cumpla con ADA.
Dado lo fácil (y asequible) que es crear sitios web compatibles con ADA con la ayuda de accessiBe, y probar a través de WAVE, realmente no tienes excusa para poner a tus clientes en riesgo legal.
Fuente: https://www.sitepoint.com/the-ultimate-ada-compliance-guide/?utm_source=rss
