ADA y diseño universal: construir un mejor modelo

Este es el segundo de una serie de artículos que escribo sobre experiencias web accesibles. En el primer artículo, “Ada y diseño universal: ¿por qué desarrollamos experiencias web accesibles? “Discutimos” por qué “el diseño digital accesible. En este artículo y en el siguiente, miramos “cómo”. En los primeros días de la Ley de Estadounidenses con Discapacidades (ADA), se hizo común ver rampas para sillas de ruedas modernizadas en los insumos de tiendas, restaurantes, bibliotecas, centros gubernamentales y otros edificios de negocios y públicos. A menudo se les agregó como una idea posterior a la arquitectura que no había sido diseñada considerando la accesibilidad.
Los ingenieros de construcción luego aprendieron a organizar una mejor modernización, pero la transformación más radical se produjo cuando los arquitectos comenzaron a diseñar para el acceso universal en sus planes para nuevas construcciones. El acceso universal ha pasado desde el alojamiento anexado al núcleo de un buen diseño. Hoy, estamos en un punto de inflexión similar a los sitios web asequibles y todo comienza con el desarrollo de mejores proyectos para experiencias digitales. A continuación, discutiré temas familiares, como UX, arquitectura de información, organización de contenido y alambre, pero para ser claros, esta no es una discusión completa de estos temas. Más bien, veré cómo los principios del diseño universal pueden integrarse con estas habilidades para construir mejores modelos para sitios web que servirán mejor.
Diversifique a sus personajes El diseño universal es inherentemente un diseño orientado al usuario. Diseñamos experiencias digitales que usan personas reales. Si nos involucramos en un diseño universal, los diseñamos para que funcione bien para la mayor cantidad de personas posible. Los caracteres son una herramienta clave del diseño de UX para el usuario. ¿Alguna de sus personas con discapacidad visual o auditiva lo tiene? Daltonic? ¿Uno de ellos no puede usar un mouse o trackpad? ¿Hay alguna neurodiversidad representada en sus personajes? Si las personas con discapacidades no están representadas en sus personajes, es poco probable que comprenda y empaten con sus necesidades. Un enfoque universal para el diseño de experiencias orientadas al usuario comienza con la comprensión de que sus usuarios tendrán muchas experiencias diferentes, luego hacer todo lo posible para que pueda entender sus perspectivas. Siga los viajes de los usuarios una vez que incluya los personajes de las personas con discapacidades, ¿cómo son sus viajes de usuario? ¿Qué formas querrán seguir a su sitio? ¿Tienen los mismos objetivos que sus otras personas? ¿Tienes los mismos puntos dolorosos? Un arquitecto que proyecta un edificio de oficinas podría considerar que una persona que usa una silla de ruedas podría elegir ingresar al edificio desde el garaje, pero podría tomar el autobús y luego ingresar a la calle. ¿Son accesibles todas las entradas en una silla de ruedas?
Siguiendo a nuestros usuarios diversificados a través de nuestra experiencia web planificada, debemos diseñar viajeros más accesibles. ¿Cuáles son todos los puntos de entrada probables? ¿Qué tan fácil puedo navegar desde ese punto hasta el siguiente paso clave hacia su objetivo? ¿Son todos los pasos realmente necesarios? Esta exploración puede llevarlo a darse cuenta de que un viaje de seis pasos en su sitio web podría hacerse en tres pasos. Podría aclarar qué contenido realmente admite el viaje de ese usuario y qué sale. Finalmente, es posible establecer el viaje de un usuario que sea más directo y más fácil de navegar para todos. Este viaje simplificado ayudará al usuario que se basa en un lector de pantalla y un teclado para moverse a través de un sitio. Eliminar el contenido que distrae la atención puede ayudar al usuario con TDAH o dislexia a procesar mejor la información clave. Todo esto ayuda a cualquier usuario a alcanzar sus objetivos más fácilmente. Es una experiencia más elegante y sin esfuerzo para todos. Observar sus sitios web y la estructura del contenido me permiten comenzar diciendo algo obvio a cualquier persona en esta comunidad: los enlaces HTML pueden ser arbitrarios. No solicitan que el contenido de su sitio esté organizado de una manera lógica, jerárquica o basada en procesos. Puede agrupar su contenido según lo desee o no, luego puede conectarse de recurso a recurso como desee. Hay poder en esto, pero también un peligro para organizar el contenido.
Esto no significa que no deba usar enlaces contextuales. Mi idea es que no debe usarlos como una excusa para tratar el sitio, organizar el contenido, como una idea posterior. Debe estar obsesionado con la organización óptima del contenido de su sitio, y el diseño accesible es una de las muchas razones. Si un usuario puede mover fácilmente el enfoque en un menú de navegación y escanear fácilmente el submenus desplegable, probablemente encontrará lo que está buscando en su sitio, incluso si el lugar que encuentra no tiene mucho sentido. Lo mismo es cierto para escanear una página para botones y otros enlaces contextuales. ¿Pero qué pasa con un usuario que usa un lector de pantalla y una navegación de teclado para trabajar a través de esos menús o enlaces? Prefieren no verse obligados a pasar por cada opción de menú, pero si no encuentran el contenido que están buscando donde se esperan, eso es exactamente lo que tendrán que hacer. Los costos en el tiempo y la frustración son altos. Puede evitar que encuentren los servicios o información que necesitan. Puede costarle conversiones. Organice su contenido para traer recursos importantes a los registros. Siga los caminos a los objetivos del usuario para ser fácil de encontrar y fácil de seguir.
Una buena organización de contenido ayuda a las personas con discapacidades físicas, personas con diferencias neurológicas y, una vez más, cualquiera que haya perdido el tiempo y el esfuerzo tratando de encontrar lo que necesitaban en un sitio web mal organizado. (¿Hubo alguien que no ha tenido esta experiencia?) Traer sus marcos alámbricos en un enfoque claro de alambre es el trabajo más detallado de construir un mejor modelo para su sitio, aunque la idea aquí es principalmente la misma. Una vez que un usuario llega a una determinada página de su viaje, ¿cómo puede hacer que sean más fácil encontrar la información que está buscando o la acción que tiene que completar? ¿Cómo puede guiarlos claramente al siguiente paso o su objetivo final en el viaje? En los sitios más grandes, los wireframes también fomentan la coherencia entre páginas de tipos y propósitos similares. Un usuario sabe dónde estará la información en una página, porque es el mismo lugar donde se encuentran en todas las demás páginas de este tipo. Para una persona con trastornos de la visión, autismo, TDAH o muchas otras discapacidades, los buenos alambre ofrecen proximidad y previsibilidad para la experiencia web. Adjuntan importancia a la información y las acciones clave, establecen convenciones para tipos similares de recursos y eliminan el contenido inútil que en realidad no sirve al usuario y no avanza su viaje. Hacen lo mismo por las personas sin discapacidades.