Estás leyendo la publicación: Lista de verificación de cumplimiento de ADA para 2023: 11 características imprescindibles
Judy visita su sitio web después de ver un anuncio y mostrarse interesada en uno de sus productos. Ella ve un video en su página de inicio y hace clic en él. Pero el video tiene un problema: Judy tiene problemas de audición y su video no tiene subtítulos.
Si su sitio web no sigue las pautas establecidas por la Ley de Estadounidenses con Discapacidades (ADA), corre el riesgo de que personas como Judy abandonen su sitio. O peor aún, las personas pueden presentar una demanda debido a la inaccesibilidad de su sitio web.
Pero antes de que entre en pánico, consulte nuestra lista de verificación de cumplimiento de ADA para 2023 para ver 11 funciones imprescindibles para garantizar que su sitio web sea accesible. ¡Sigue leyendo para aprender más!
Y si desea obtener más sugerencias y trucos útiles para brindar la mejor experiencia de usuario, suscríbase a nuestro boletín informativo por correo electrónico, Revenue Weekly.
¿Qué significa cumplir con la ADA?
Cuando escuchas “cumple con ADA”, ¿qué significa?
El cumplimiento de ADA se basa en la Ley de Estadounidenses con Discapacidades (ADA), que establece que todos los espacios públicos deben ser accesibles para las personas con discapacidades. Significa que, ya sea que alguien tenga una discapacidad visual, una discapacidad física o tenga otra discapacidad, necesita adaptaciones para acceder al mismo espacio.
Estos alojamientos se extienden a Internet, ya que Internet se considera un espacio público. Como resultado, debe crear un sitio web que permita a las personas con diversas discapacidades acceder fácilmente a su sitio web.
El incumplimiento del cumplimiento de la ADA tiene numerosas ramificaciones, desde la pérdida de clientes hasta problemas legales.
Lista de verificación de cumplimiento de ADA para 2023: 11 elementos para marcar su lista
Para ayudar a asegurarse de tener un sitio web que cumpla con los requisitos, consulte nuestra lista de verificación de sitios web que cumplen con la ADA para descubrir cómo hacer que su sitio web sea accesible para todos.
Aquí hay un desglose rápido de lo que cubriremos:
- Siga las WCAG
- Agregar texto alternativo a la imagen
- Agregar subtítulos al contenido de video
- Eliminar elementos que parpadean rápidamente
- Eliminar etiquetas de encabezado vacías
- Sea consciente del contraste de color
- Agregar notificaciones a los límites de tiempo
- Organice su sitio web de forma lógica
- Haz que tu sitio web sea navegable con un teclado
- Usa las fuentes correctas
- Usar etiquetas ARIA
¡Sigue leyendo para aprender más!
1. Siga las Pautas de accesibilidad al contenido web (WCAG)
Lo primero en esta lista de verificación del sitio web de cumplimiento de ADA es seguir las pautas de accesibilidad del contenido web (WCAG). WCAG establece pautas que permiten a las empresas crear contenido web que sea más accesible. Seguir estas pautas es un excelente punto de partida para crear un sitio web positivo y funcional.
Hay cuatro elementos centrales de las WCAG:
- Perceptibilidad: ¿La información de su sitio web es fácil de percibir? Si es difícil ver la información en su sitio web o ver un diseño claro de la información, debe adaptar su sitio web para presentar la información con claridad.
- Operable: ¿Es su sitio web fácil de usar y funcional para las personas? Si su sitio web tiene un diseño confuso o una navegación difícil de usar, no cumplirá con las pautas de las WCAG. Querrá volver a optimizar su sitio web para asegurarse de que sea fácil para las personas encontrar información.
- Comprensible: ¿La interfaz de su sitio web es fácil de entender? Si su navegación es complicada o tiene que realizar varios pasos para completar una tarea, podría terminar siendo demasiado difícil de entender. Desea que los procesos del sitio web sean simples y fáciles de seguir.
- Robusto: ¿Su sitio web se adapta a todos los navegadores y programas de asistencia? Si desea que su sitio web cumpla con ADA, debe asegurarse de que sea compatible con programas de asistencia, como lectores de pantalla.
Si sigue las pautas de WCAG, pondrá su sitio web en la vía rápida para cumplir con ADA.
2. Agregar texto alternativo a la imagen
Lo siguiente en nuestra lista de verificación de cumplimiento de ADA es agregar texto alternativo a la imagen. El texto alternativo de la imagen es el texto que agrega al backend de sus imágenes que describe lo que hay en la foto. Este texto es fundamental para todos los usuarios.
Si una imagen no se carga en su sitio web, aparecerá su texto alternativo en su lugar. Este texto alternativo ayuda a informar a los usuarios cuál era la imagen, para que puedan ver cómo se aplica al contexto de la página.
Para los usuarios con discapacidades, el texto alternativo es fundamental para comprender el contenido de su sitio web. Si alguien tiene una discapacidad visual, no podrá ver las imágenes de su sitio web. Su texto alternativo les proporciona el contexto para comprender qué elementos visuales tiene en su sitio web.
Cuando agregue texto alternativo a sus imágenes, asegúrese de que describa lo que hay en la imagen. Aquí hay algunos consejos útiles para agregar texto alternativo a sus imágenes:
- Use su palabra clave de destino si es relevante, pero no sobrecargue sus etiquetas con palabras clave
- No lo haga demasiado simple: diga “sombrero” en lugar de “sombrero de béisbol rojo sentado sobre una mesa negra”.
- No uses la frase “imagen de” para describir tu foto, ¡simplemente entra en la descripción!
3. Agregue subtítulos al contenido de video
El siguiente elemento para marcar su lista de verificación de cumplimiento de ADA para 2023 es agregar subtítulos a su contenido de video. Los subtítulos son una excelente manera de hacer que los videos de su sitio web sean accesibles para las personas con discapacidades.
Habilitar los subtítulos en sus videos permite que las personas con problemas de audición interactúen con el contenido de su video sin problemas. ¡Es una excelente manera de hacer que su contenido sea digerible y accesible para todos!
4. No uses elementos que parpadeen rápidamente
Cuando diseña su sitio web, está buscando una manera de hacer que su negocio se destaque de su competencia. Puede intentar agregar un toque de estilo, como una ventana emergente intermitente, para que su sitio web se destaque. Si bien puede ser divertido mejorar su sitio, no cumple con la ADA.
Para mantenerse en línea con el cumplimiento de ADA, querrá eliminar cualquier elemento que parpadee rápidamente o cambie de color. Estos elementos pueden ser dañinos para los visitantes del sitio web con epilepsia, por lo que es mejor eliminarlos por completo.
5. Eliminar etiquetas de encabezado vacías
Lo siguiente en esta lista de verificación del sitio web de cumplimiento de ADA es eliminar las etiquetas de encabezado vacías. Las etiquetas de encabezado juegan un papel fundamental para ayudar a los usuarios a comprender la estructura de una página. Crean una jerarquía de información para ayudar a los usuarios a comprender cómo se organiza la información en su página.
Entonces, ¿por qué importa si las etiquetas de encabezado están vacías?
Los lectores con discapacidad visual no pueden hojear su contenido y tener una idea de la estructura. Alguien que no tenga una discapacidad visual no verá la etiqueta de encabezado vacía, solo será un espacio vacío. La experiencia no es la misma para un lector con discapacidad visual.
Dado que un lector con discapacidad visual depende de los lectores de pantalla, escuchará que el programa dice que hay un encabezado presente, pero no leerá lo que es porque está vacío. Como resultado, el lector se confundirá porque no entenderá la organización de la página debido al encabezado vacío.
Para asegurarse de crear una experiencia igual para todos, elimine las etiquetas de encabezado vacías o agrégueles texto (cuando corresponda).
6. Sea consciente de su contraste de color
Otro elemento para marcar en la lista de verificación compatible con ADA de su sitio web es verificar el contraste de color. Si bien el contraste de color puede no parecer un gran problema, afecta a las personas con discapacidades.
Para las personas con problemas de visión o daltónicos, los contrastes de color específicos pueden ser difíciles de ver o incluso dolorosos de ver. Por ejemplo, alguien con daltonismo de Protan (no puede ver el rojo) vería su sitio web rojo y amarillo como un solo color.
Entonces, ¿eso significa que tienes que cambiar todo tu sitio web y combinación de colores? No. Significa que debe tener más en cuenta los contrastes de color y cómo separa los colores en su sitio web. Puedes hacer algo simple como usar blanco para dividir tus colores y crear contraste.
Además, desea pensar en cómo usa el color para definir elementos en su sitio web.
Entonces, por ejemplo, si tiene un artículo sobre lo que se debe y lo que no se debe hacer y usa el rojo y el verde para indicar lo que es bueno y lo que es malo, es posible que desee reconsiderarlo. Es posible que desee agregar símbolos como marcas de verificación y marcas x para definir lo que se debe y lo que no se debe hacer en lugar de confiar únicamente en el color.
7. Agrega una notificación a tus límites de tiempo
Otro elemento para agregar a la lista de verificación compatible con ADA de su sitio web es agregar notificaciones a cualquier límite de tiempo en su sitio web. Ya sea reclamando una oferta o completando el pago, puede establecer límites de tiempo en los procesos de su sitio web para alentar a las personas a completar las acciones más rápido.
Si implementa esta estrategia, debe hacerla accesible para otras personas que visiten su sitio web. Querrá asegurarse de agregar notificaciones para cuando el tiempo se esté agotando para que aquellos que usan lectores de pantalla reciban una notificación de que se están quedando sin tiempo.
8. Organiza tu sitio web de forma lógica
Otro elemento para agregar a su lista de verificación de cumplimiento de ADA es organizar su sitio web de manera lógica. Este consejo puede parecer obvio, pero tiene un impacto significativo en ayudar a las personas con discapacidades a navegar y comprender lo que hay en su sitio web.
Para cualquier usuario en su sitio web, desea asegurarse de que puedan navegar fácilmente por su sitio web y encontrar la información que necesitan. Eso significa crear una navegación organizada y una estructura de página lógica para su audiencia.
Cuando cree su navegación, asegúrese de organizarla de una manera que facilite la navegación de las personas. Crea categorías y subcategorías para ayudar a que tu navegación tenga estructura.
Cuando cree páginas en su sitio web, asegúrese de tener una jerarquía lógica de información. Use H1, H2, etc. para ayudar a organizar su información. Hace que sea más fácil para las personas que usan lectores de pantalla seguir su contenido.
9. Asegúrese de que su sitio web sea navegable con un teclado
Lo siguiente en nuestra lista de verificación para el cumplimiento de ADA es asegurarse de que su sitio web sea navegable con un teclado. Muchas personas con discapacidades auditivas y visuales y problemas de movilidad confiarán en sus teclados para navegar por sitios web en lugar de un mouse.
Para brindar la misma experiencia de calidad, debe asegurarse de que las personas puedan navegar fácilmente por su sitio web usando un teclado.
Puede probar la funcionalidad de su teclado visitando su sitio web y usando las siguientes teclas para moverse:
- Flechas arriba y abajo
- Pestaña
- Mayús + Tabulador
- Espacio
- Ingresar
Si puede acceder fácilmente a diferentes elementos de su sitio web usando estas teclas, ¡entonces su sitio web está listo para comenzar! De lo contrario, deberá realizar ajustes para que sea más compatible con el teclado.
10. Usa las fuentes correctas
Otro elemento para agregar a su lista de verificación para el cumplimiento de ADA es usar las fuentes correctas. Este consejo se aplica a más que solo ADA: tener la fuente correcta puede hacer o deshacer su sitio web.
No querrás usar fuentes que sean difíciles de leer. Algunos visitantes con discapacidad visual aún pueden leer la información de los sitios web, pero solo necesitan agrandar la fuente. Si su fuente es demasiado elegante, esos usuarios tendrán dificultades para leer sus páginas.
En general, querrá abstenerse de usar cualquier opción de fuente “elegante” que vea o fuentes cursivas (use la cursiva con moderación). Utilice fuentes que sean claras y fáciles de leer para los usuarios.
11. Usa etiquetas ARIA
Lo último en esta lista de verificación de cumplimiento de ADA es usar aplicaciones de Internet enriquecidas accesibles (ARIA). Las etiquetas ARIA ayudan a las personas con discapacidad a comprender los diferentes elementos de su sitio web.
Por ejemplo, si tiene un cuadro emergente con una X en la esquina para cerrarlo, es posible que una persona con discapacidad no entienda lo que significa esa X. Las etiquetas ARIA le permiten agregar contexto a la función, para que las personas puedan entender lo que significa esa etiqueta y usar su sitio web sin problemas.
Piense en las etiquetas ARIA como etiquetas de elementos no etiquetados, como símbolos. Ayuda a proporcionar más contexto para que su sitio web sea más fácil de navegar y usar.
Nuestras campañas de marketing digital impactan en las métricas que mejoran su resultado final.
Ver más resultados
WebFX ha impulsado los siguientes resultados para los clientes:
$ 3 mil millones
En ingresos de clientes
7,8 millones
Leads para nuestros clientes
5,2 millones
Llamadas telefónicas del cliente
¿Necesita ayuda para marcar elementos en su lista de verificación de cumplimiento de ADA?
Cuando se trata de hacer que su sitio web sea accesible para todos, hay muchas cosas en la lista de verificación de su sitio web de cumplimiento de ADA para marcar. Si se siente abrumado o no está seguro de por dónde empezar, WebFX puede ayudarlo. Con más de 25 años de experiencia en diseño y desarrollo web, sabemos lo que se necesita para construir un sitio web que cumpla con ADA.
Con nuestros servicios de cumplimiento de ADA, lo ayudaremos a optimizar su sitio web para garantizar que cumpla con los estándares de ADA. Lo ayudaremos a brindar una excelente experiencia a todos los visitantes del sitio web.
Para comenzar, contáctenos en línea o llámenos hoy al 888-601-5359 hablar con un estratega!
