Los fundamentos de la accesibilidad web

Con suerte, ya sabes que tener un sitio web accesible es imprescindible. No solo es una cuestión de ética y equidad, también es un requisito legal.

Los Estados Unidos y muchos otros países han promulgado leyes y reglamentos relacionados con la accesibilidad web. Según la Guía sobre accesibilidad web y la ADA, "la accesibilidad web para personas con discapacidades es una prioridad para el Departamento de Justicia".

En los últimos años se ha visto un aumento en el número de demandas contra empresas e instituciones con sitios inaccesibles. En pocas palabras: Sí, puede ser demandado si su sitio web no cumple con los estándares de ADA. Aunque eso puede sonar preocupante, mi objetivo al compartir esto es ilustrar que la accesibilidad web importa, y mucho. No importa porque haya una ley que lo diga, sino porque la accesibilidad afecta a suficientes personas que existen leyes para garantizar que reciban un acceso equitativo a través de la web.

Si eres nuevo en la accesibilidad para la web, ¡estás en el lugar correcto! Echemos un vistazo a los conceptos básicos que necesita saber acerca de la accesibilidad.

Por qué es importante la accesibilidad web

La accesibilidad física a menudo es más fácil de entender para la mayoría de las personas porque es visible: un usuario de silla de ruedas, por ejemplo, no puede usar los espacios de estacionamiento regulares, ni puede usar las escaleras para ingresar a un edificio. El estacionamiento y las rampas accesibles son manifestaciones físicas de accesibilidad que podemos ver y comprender. Por supuesto, este no es el único tipo de necesidad de accesibilidad física, ni mucho menos, y todavía tenemos un largo camino por recorrer en los espacios físicos para abordar a la miríada de otras personas que luchan por navegar en los espacios públicos (pero esa es otra historia ).

En los primeros días de Internet, la mayoría de los espacios en línea no se diseñaron pensando en los usuarios, y mucho menos en usuarios con diferentes necesidades de accesibilidad. A medida que nos volvemos cada vez más dependientes de la web para necesidades personales, profesionales e incluso cívicas, la atención a la experiencia del usuario se ha convertido en una parte clave de la creación y el mantenimiento de un sitio.

Desafortunadamente, nos ha llevado mucho tiempo darnos cuenta de que simplemente diseñar para la "experiencia del usuario" no tiene en cuenta a los distintos usuarios que tienen diferentes experiencias. Por ejemplo, la creación de un nuevo sitio web que parece fácil de usar pero que usa colores que son difíciles o imposibles de discernir para algunos usuarios crea una mala experiencia para esos visitantes. O bien, cargar videos sin subtítulos o imágenes sin texto alternativo excluye inmediatamente a una parte de los visitantes de su sitio.

Los sitios accesibles reducen las barreras para los visitantes, reducen el riesgo de problemas legales y son simplemente más éticos y equitativos. ¿Por qué más importa la accesibilidad web? Aquí hay una lista imparcial:

• Si su sitio web no es accesible, se está perdiendo una cantidad considerable de visitantes y clientes potenciales.
• Los sitios web accesibles ofrecen una mejor experiencia de usuario para todos.
• La accesibilidad está ligada a un buen SEO Los sitios fáciles de navegar convierten mejor.

Conceptos básicos de accesibilidad

La accesibilidad abarca mucho más que el texto alternativo en las imágenes y los subtítulos de los videos, aunque esos son aspectos muy importantes. De hecho, diseñar para la accesibilidad significa tener en cuenta una variedad de discapacidades que incluyen:

• Visual : como discapacidad visual, daltonismo, visión limitada
• Cognitivas : como dislexia, autismo, problemas de aprendizaje
• Auditivo : como sordera o problemas de audición
• Neurológicos : como epilepsia, pérdida de memoria, trastornos neurológicos funcionales
• Físico : como el Parkinson, amputación, lesión por estrés repetitivo

Estas categorías abarcan mucho más que los ejemplos enumerados, y muchas requieren tipos de tecnología de asistencia (como lectores de pantalla, reconocimiento de voz o teclados alternativos, por nombrar solo algunos) que hacen que sea importante comprender sus necesidades. Además, las discapacidades no permanentes y otras necesidades se incluyen en estas categorías, por ejemplo, alguien con un brazo roto, alguien que experimenta tinnitus o usuarios mayores que tienen dificultades para usar la tecnología.

Las pautas del World Wide Web Consortium (W3C) dicen que los principios de la accesibilidad web son que los usuarios pueden "percibir, comprender, navegar e interactuar con la Web". Diseñar e implementar las mejores prácticas de accesibilidad significa seguir esos principios y practicar la inclusión en todos los elementos. Algunos aspectos de la accesibilidad pueden requerir una planificación e implementación más complejas, pero gran parte es fácil de implementar de inmediato, lo cual trataremos a continuación.

Implementando Accesibilidad Ahora

Idealmente, la accesibilidad es parte de su estrategia desde el principio, y su sitio web se crea teniendo en cuenta las mejores prácticas. Pero si ya tienes un sitio web, ¡está bien! Puede comenzar a implementar medidas de accesibilidad ahora y realizar los ajustes necesarios en su sitio a medida que pueda.

Contenido escrito

Un buen lugar para comenzar es su contenido, especialmente si agrega regularmente nuevos artículos o páginas a su sitio. Algunos consejos rápidos y fáciles para contenido accesible incluyen:

• Asegúrese de que su redacción sea clara, concisa y legible. Evite el lenguaje demasiado complicado, el exceso de metáforas, las siglas sin explicación y las oraciones largas.
• Utilice espacios en blanco en toda la página, incluidos párrafos más cortos y elementos enumerados fáciles de digerir cuando sea posible.
• Formatee utilizando encabezados adecuados (h2, h3, etc.) para estructurar la página de forma lógica.
• Asegúrese de que los títulos de las páginas sean claros y tengan el formato correcto. Evite el formato excesivo, como cursiva y negrita.
• Sea descriptivo al vincular y evite decir cosas como "haga clic aquí". Los encabezados, los elementos de la lista y otras estructuras de contenido se marcan correctamente

Otros tipos de contenido

Otra manera fácil de implementar las mejores prácticas de accesibilidad es abordar su contenido multimedia. Aquí hay algunas pautas básicas:

• Las imágenes deben tener un texto alternativo conciso y descriptivo que explique qué es la imagen.
• El contenido de audio (como podcasts o entrevistas) debe tener transcripciones.
• El contenido del video debe tener subtítulos y transcripciones.

Formularios

Los formularios son una parte importante de su sitio web. Ya sea que su función principal sea permitir que los clientes actuales se pongan en contacto o que usted capture datos sobre clientes potenciales, es crucial que sus formularios sean accesibles. Crear formularios accesibles es bueno para todos. He aquí un vistazo a algunas de las mejores prácticas:

• Los formularios deben ser simples, con la menor cantidad de campos posible.
• Los formularios deben incluir instrucciones básicas para completarlos, así como lo que sucederá cuando completen el formulario (por ejemplo, alguien se pondrá en contacto con ellos o recibirán un libro electrónico para descargar).
• Los formularios deben proporcionar información clara sobre los errores y la finalización exitosa.
• Cada campo debe estar claramente etiquetado, con sugerencias o ejemplos si es necesario, y los campos obligatorios también deben estar claramente etiquetados.

Elementos de diseño y navegación

Si bien algunas de las mejores prácticas de diseño requerirán mucho tiempo y pueden requerir un desarrollador, aquí hay algunas características de diseño fáciles de abordar que puede implementar:

• Actualice cualquier problema actual con el contraste.
• Cambie cualquier instancia de color que sea el único indicador de elementos interactivos.
• Asegúrese de que la navegación sea lógica y perceptible.

Cuando esté listo para asumir más diseños para la accesibilidad, debe familiarizarse con los estándares W3C. Hay toneladas de recursos en línea que cubren detalles sobre cómo actualizar su sitio. También puede considerar contratar a un desarrollador web versado en accesibilidad si algunos de los cambios van más allá de su nivel de habilidad (porque, seamos honestos, ¡algunos son bastante técnicos!). Algunas funciones que debe implementar que pueden requerir un desarrollador incluyen:

• Haga que su sitio sea compatible con el teclado (capacidad de navegar usando las teclas de tabulación, escape y flecha), ya que muchos usuarios navegan por las páginas web sin usar un mouse.
• Asegúrese de que el tamaño del texto sea redimensionable para que los visitantes puedan hacer zoom para leer según sea necesario.
• Use el marcado adecuado (consulte los consejos de W3C para el diseño web para obtener más información).

Estrategias de accesibilidad a largo plazo

Una vez que tenga los conceptos básicos, es una buena idea crear un plan a largo plazo para actualizar y mantener la accesibilidad. Esto puede incluir decidir cómo encaja la accesibilidad en sus objetivos comerciales y/o su declaración de propósito, designar a un individuo o grupo para que asuma la responsabilidad de la accesibilidad y establecer horarios regulares para monitorear, probar o revisar los estándares.

Cualquier elemento básico que no pueda cubrir inicialmente, por ejemplo, los cambios que debe realizar un desarrollador, debe planificarse. Es demasiado fácil dejar este tipo de actualizaciones en un segundo plano y olvidarse de ellas o no tener tiempo para realizarlas. Cree espacio en su presupuesto para los cambios, encuentre un desarrollador que esté bien versado en accesibilidad y anote algo en el calendario.

En cuanto a las estrategias a largo plazo, es útil ver la accesibilidad web con un enfoque de diseño inclusivo. Piense en términos de quién podría estar visitando su sitio y qué podría necesitar para navegar (¡y convertir!) con éxito. A menudo, ciertas herramientas o enfoques son realmente útiles para muchos tipos de usuarios. El texto redimensionable, por ejemplo, es necesario para usuarios con baja visión; un visitante en su teléfono inteligente también puede apreciar esta característica. Tener un chatbot o un formulario de contacto no solo es útil para los visitantes sordos o con problemas de audición, sino también para los visitantes que experimentan ansiedad.

El diseño inclusivo lo ayuda a llegar a tantos usuarios potenciales como sea posible, lo que significa más tráfico, más clientes potenciales y una mejor experiencia web para todos. Período.