UX y la importancia de la accesibilidad web

La accesibilidad web se trata de dar acceso a todos a la misma información, independientemente de las deficiencias que puedan tener los usuarios.

Según el Banco Mundial, mil millones de personas (15% de la población mundial) experimentan algún tipo de discapacidad, con casi 57 millones solo en los EE. UU. (19% de la población de EE. UU. según las cifras publicadas por la Oficina del Censo de EE. UU. el 25 de julio de 2012).

Hay cuatro tipos de discapacidades agrupadas libremente, que pueden ser temporales o permanentes: físicas (como parálisis o problemas de control motor fino), sensoriales (como autismo, sordera o ceguera), intelectuales (como síndrome de Down o retrasos en el desarrollo). ) y enfermedades mentales (incluidas la esquizofrenia y la depresión). Muchas personas de la tercera edad tienen problemas relacionados con el envejecimiento y también pueden beneficiarse de las adaptaciones de accesibilidad.

Es vital no subestimar la importancia de la accesibilidad web. Si bien hace 20 años Internet era un lugar para los fanáticos de la tecnología, ahora es una fuente principal de información, entretenimiento y comunicación. Se usa para todo, desde ir de compras hasta compartir momentos con amigos, leer noticias, ver programas de televisión, solicitar empleo, reservar vacaciones y más. Sin embargo, para las personas con discapacidad, existen barreras que hacen que muchas de estas cosas sean inaccesibles, ya que muchos sitios web no tienen en cuenta sus necesidades. Gran parte de Internet aún no se trata como un espacio público y no garantiza el acceso a todos, independientemente de su capacidad.

Mitos sobre la accesibilidad web

Cuando no se ignora por completo, la accesibilidad es uno de los aspectos más descuidados del diseño web. Sufre de ideas imprecisas difundidas durante los últimos 20 años por agencias digitales sin escrúpulos y sus equipos de diseño y desarrollo. Los detractores no reconocen las innovaciones tecnológicas, los cambios legales y las principales evoluciones demográficas porque ven la accesibilidad como una parte restrictiva y opcional de la creación de un sitio web con una buena UX para todos los usuarios. La mayoría de las discusiones sobre por qué la accesibilidad no es realmente necesaria giran en torno a uno o más de los siguientes puntos:

1. “Es feo”.

Si bien es cierto que la accesibilidad completa requiere que los diseñadores sigan varias pautas estrictas que pueden afectar la apariencia general de un sitio web o una aplicación, algunas mejoras, como proporcionar descripciones de texto alternativas para las imágenes, no tendrán un efecto notable en el usuario. interfaz. Con la tecnología actual, es completamente posible crear un sitio web moderno, interactivo, atractivo y accesible; por lo tanto, la accesibilidad web ya no debe verse como una carga. Además, ¡también hay muchos sitios web feos e inaccesibles!

2. “Lleva demasiado tiempo, cuesta demasiado y no tiene ningún beneficio”.

Es cierto que incorporar la accesibilidad no siempre es fácil y probablemente aumentará el tiempo dedicado a las fases de concepción y desarrollo de un sitio web o aplicación. Sin embargo, reducirá el tiempo dedicado a las mejoras del sitio y las reparaciones técnicas: código más limpio, menos errores.

Pensar en la accesibilidad desde el comienzo de un proyecto digital también ayudará a reducir los costos posteriores, incluidos el mantenimiento y la atención al cliente. Desde una perspectiva de SEO, un sitio web accesible también ayudará a obtener mejores clasificaciones. Los motores de búsqueda como Google funcionan como una persona ciega que usa un lector de pantalla. Al escanear sus páginas, los robots solo entienden el texto, por lo que es importante planificar su arquitectura de contenido y encabezados y proporcionar texto alternativo para las imágenes.

3. “A nadie le importa”.

Este argumento suele ser el principal para las empresas y agencias de diseño que no quieren invertir tiempo ni dinero para hacer accesible un sitio web. Al mirar sus datos, parece que las personas con discapacidad ni siquiera visitan su sitio web. (¡Oh, la ironía! ¿Cómo podrían hacerlo si no es accesible para ellos?) También están convencidos de que el mercado es demasiado pequeño para importar de todos modos.

Las personas con discapacidades importantes pueden ser una pequeña parte de su audiencia, pero ¿qué pasa con los usuarios mayores? ¿Qué pasa con los usuarios que tienen lo que se considera deficiencias "menores", como los que tienen problemas de audición o daltonismo? ¿Qué pasa con el usuario promedio que sufre de una migraña debilitante y no puede soportar los colores brillantes o las páginas que se desplazan infinitamente escritas en un tipo de 11px? Muchos usuarios que no se considerarían "tradicionalmente" discapacitados pueden verse afectados por un sitio web no accesible.

Por otro lado, al igual que en la vida real, hacer que la tecnología sea accesible beneficia a todos. Considere subtítulos para la televisión en un bar ruidoso o rampas para sillas de ruedas para cochecitos.

4. “Es opcional”.

Bueno, en realidad, no lo es. En muchos países, existen leyes que declaran ilegal discriminar a las personas con discapacidad al prestar un servicio o producto. Entonces, en teoría, si un usuario con una discapacidad no puede acceder al contenido porque un sitio web no es accesible, podría demandar legítimamente por discriminación digital. Y estas demandas ocurren con mayor frecuencia cada año, a menudo costando a las empresas millones de dólares para llegar a un acuerdo.

Razones para preocuparse por la accesibilidad web

1. Cumplimiento legal

En los EE. UU., los requisitos de accesibilidad se enumeran en la Ley de Estadounidenses con Discapacidades, promulgada en 1990. En ese entonces, se refería principalmente a las tiendas físicas, por lo que los tribunales se han dividido sobre si los sitios web y las aplicaciones deben cubrirse o no. En 2017, se presentaron más de 800 demandas en tribunales federales solo en los EE. UU., por lo que la amenaza de litigio es real.

Si bien Facebook ha sido elogiado por su laboratorio de empatía y sus políticas relacionadas con la accesibilidad, otras empresas no han tenido tanta suerte. Netflix ha sido demandada varias veces por diferentes asociaciones de ciegos y sordos. Al final, tuvieron que brindar acceso equitativo a su contenido a todos los usuarios, incluida la adición de subtítulos a todos sus programas.

2. Reputación mejorada

Las empresas que acogen a personas con discapacidad solo se benefician de ello. Los esfuerzos para hacer que un sitio web o una aplicación sean completamente accesibles tienen un impacto positivo en la reputación y crean una imagen de responsabilidad social y cuidado para todos los usuarios.

En el proceso de agregar funciones de accesibilidad, los gigantes de Silicon Valley no dudan en aportar innovación al juego, invirtiendo millones en tecnología y nuevas funciones innovadoras. Por ejemplo, Facebook ahora está utilizando inteligencia artificial para proporcionar a sus usuarios ciegos texto alternativo automático a través de la tecnología de reconocimiento de objetos. Esta función ahora les permite disfrutar plenamente de las 2 mil millones de imágenes compartidas cada día en Facebook. La idea provino principalmente de Matt King, un ingeniero de software ciego que trabaja con el equipo de accesibilidad. Facebook ha mostrado su compromiso de ser una empresa amigable para las personas con discapacidad, tanto en línea como en el mundo físico.

3. Adquisición de nuevos clientes

Más del 80% de las personas con discapacidad han decidido no confiar en un proveedor de servicios debido a las barreras, siendo la mala accesibilidad a la web una de las principales razones. Como la mayoría de las marcas suelen ignorarlos, los usuarios con discapacidades están dispuestos a gastar más de su dinero en empresas que les brinden una experiencia de usuario bien pensada. El poder adquisitivo de este mercado en particular es enorme.

Las mejoras de accesibilidad no alejarán a sus clientes actuales, pero atraerán nuevos clientes y mejorarán sus conversiones. Al reconocer a los usuarios con discapacidades, les está haciendo saber que sus derechos son importantes y que su negocio es valorado.

Tipos de discapacidades y cómo mejorar la accesibilidad para diferentes impedimentos

Hay muchas discapacidades permanentes y temporales diferentes, con usuarios que enfrentan diferentes desafíos y buscan diferentes soluciones. Para ofrecer el mismo contenido a todo el mundo, es necesario abordar todas las necesidades.

1. Discapacidades sensoriales

Los problemas de la vista y la audición son las discapacidades sensoriales más comunes, pero hay una serie de otras deficiencias que también se ven afectadas: las personas mayores, las personas daltónicas o con problemas de audición y muchos usuarios autistas.

Para los usuarios con problemas de audición, un paso para hacer que su sitio web o aplicación sea accesible sería implementar transcripciones de texto y subtítulos de video. No solo son imprescindibles para los sordos, sino que también son útiles para los oyentes.

Un estudio sobre accesibilidad realizado por Ofcom descubrió que el 80% de las personas que usan subtítulos ocultos no son sordas ni tienen problemas de audición. Es un ejemplo típico de una característica accesible que beneficia a todos.

En cuanto a las deficiencias visuales, la mayoría de las guías también ayudan a todo tipo de usuarios. Tanto si eres daltónico como si sufres de migraña, agradecerás a un diseñador por usar colores contrastantes (texto y fondo). Todos se beneficiarán de tamaños de fuente relativos más grandes (em, no píxeles) y la opción de ajustar el tamaño, una característica particularmente apreciada por los usuarios senior.

En cuanto a los usuarios ciegos, aunque es posible que no vean un sitio web, lo escucharán gracias a los lectores de pantalla como JAWS y Window-Eyes para Windows y VoiceOver para Mac. Dichos programas leen el contenido en voz alta... y lo leen TODO.

Para facilitar la navegación a través de sus páginas, asegúrese de usar las opciones "Saltar al contenido principal" para evitar que todo el menú de navegación se lea varias veces seguidas.

Estructure correctamente su página usando diferentes encabezados (solo un <h1>, luego no se salte los niveles), incluya descripciones de texto para cada imagen, evite tablas complejas y elija cuidadosamente sus hipervínculos de texto. Deben describir correctamente adónde irá el enlace: usar simplemente "haga clic aquí" no es efectivo para un usuario de lector de pantalla, ya que no proporciona ninguna información relevante.

2. Discapacidades motoras

Es posible que algunos usuarios no puedan usar un mouse o un trackpad de manera permanente o temporal. Por lo tanto, solo pueden usar su teclado para navegar por un sitio, presionando las teclas "tabulador" o "flecha".

Asegurarse de que un sitio web se pueda experimentar completamente solo con un teclado es una de las características más fáciles y económicas de implementar en la accesibilidad web: requiere poco trabajo y se puede verificar simplemente desconectando o apagando el mouse. Los navegadores seleccionarán automáticamente los elementos en los que se puede hacer clic en una página web presionando la tecla TAB, lo que ayuda enormemente a la accesibilidad, así que asegúrese de que el equipo de desarrollo no lo desactive.

3. Discapacidades cognitivas

Los usuarios con problemas de aprendizaje, síndrome de Down, TDAH, dislexia y otras deficiencias cognitivas, incluidas las que a veces ocurren a medida que los usuarios envejecen, se beneficiarán enormemente de un contenido claro y una interfaz de usuario uniforme. Por lo tanto, intente construir una interfaz lógica (colores similares para acciones similares, una combinación de fuentes, animaciones simples, sugerencias visuales cuando se le solicite participar, etc.) y organice su contenido usando encabezados para identificar rápidamente sus diferentes partes.

Establecer reglas y patrones y seguir los principios de diseño definidos ayudará a los usuarios a moverse más rápido y evitar sorpresas en la experiencia de navegación, haciéndola más fluida y comprensible en general. Simplificar y estandarizar la interfaz de usuario de un sitio o aplicación tiende a conducir a una mejor experiencia de usuario para todos los usuarios.

Consejos para las pruebas de accesibilidad web

1. Siga las pautas

Existen pautas internacionales para crear sitios web accesibles fácilmente disponibles: las Pautas de Accesibilidad para el Contenido Web (WCAG). Desarrollado a través del proceso W3C, el WCAG (actualmente WCAG 2.0) proporciona un único estándar compartido para la accesibilidad del contenido web.

Principalmente destinados a desarrolladores, diseñadores y expertos en accesibilidad, todos los documentos de las WCAG explican cómo hacer que un sitio web sea más accesible y están organizados según cuatro principios: perceptible, operable, comprensible y sólido. Este conjunto de recomendaciones le permite alcanzar un nivel de conformidad (A-mínimo, AA-satisfactorio o AAA-excelente).

La implementación de todos los estándares WCAG llevará tiempo, pero comenzar con los conceptos básicos puede tener un gran impacto en hacer que su sitio web sea más amigable para los usuarios con una variedad de discapacidades.

2. Verifíquelo en línea o con una tecnología de asistencia

Hay herramientas disponibles en línea para verificar si un sitio web cumple con las pautas de accesibilidad, como el validador oficial de W3c. Tenga en cuenta que es posible que las herramientas en línea no encuentren todos los problemas de accesibilidad, ya que verifican principalmente los aspectos técnicos de un sitio web. El uso de tecnología de asistencia, como un lector de pantalla para probar un sitio web, es un paso importante para garantizar que un sitio web sea verdaderamente accesible. Sin embargo, si bien estos son lugares asequibles para comenzar, nunca reemplazarán los comentarios reales de los usuarios. Es importante incluir usuarios con diversas discapacidades en el proceso de prueba de usuarios si la accesibilidad se considera sinceramente una prioridad.

3. Pruebas de usuario

Incluir a personas con discapacidades en el proceso de prueba de UX para cualquier sitio web o aplicación nuevos antes del lanzamiento es clave. Ellos darán los comentarios más relevantes sobre si su experiencia de usuario es realmente agradable o no. Trabaje de la mano con un diseñador de UX de confianza que preparará escenarios de prueba en función de las diferentes deficiencias.

Lograr el cumplimiento de la accesibilidad ya no es una opción

La accesibilidad es un problema importante que se cierne más a medida que la vida cotidiana se desarrolla en línea y la población mundial crece y envejece. Para 2050, se espera que la población mundial que envejece se duplique. Ese cambio en la demografía significa que aumentarán muchas deficiencias que van de la mano con la edad.

No es una tarea sencilla, pero las empresas que siguen ignorando la accesibilidad deben entender que ya están perdiendo clientes y que terminarán perdiendo aún más en los próximos años, reduciendo considerablemente sus ingresos. En un mundo que ha progresado en el reconocimiento de otras minorías, negar que los derechos de accesibilidad son derechos humanos también dañará su imagen pública y su reputación.

Con eso en mente, cuanto antes una empresa adopte la accesibilidad como un valor clave en la creación de un sitio web o una aplicación, antes será reconocida como una empresa que no descuida a los usuarios discapacitados. Obtendrán más tráfico y, a su vez, probablemente más conversiones. Reconocer la importancia de la accesibilidad web es una situación en la que todos ganan.

• • •

Lectura adicional en el blog de diseño de Toptal:

• eCommerce UX: una descripción general de las mejores prácticas (con infografía)
• La importancia del diseño centrado en el ser humano en el diseño de productos
• Los mejores portafolios de diseñadores de UX: estudios de casos y ejemplos inspiradores
• Principios heurísticos para interfaces móviles
• Diseño anticipatorio: cómo crear experiencias de usuario mágicas