Pensando Diferente Acerca de a11y – Diseño de Sitios Web Accesibles para los Neurodivergentes

Rate this content
Bookmark

¿Sabías que aproximadamente 1 de cada 7 personas es neurodivergente? Dentro de ese grupo hay un espectro completo de personas cuyos cerebros procesan la información de manera diferente. Sin embargo, como ingenieros de frontend, a menudo olvidamos tener en cuenta estas idiosincrasias, o elegimos simplemente aplicar estándares de la industria como WCAG 2.1 AA sin profundizar más. En esta charla, Steph comparte algunas de las formas en que puedes crear mejores experiencias web para los neurodivergentes.

Stephanie Shaw
Stephanie Shaw
30 min
20 Oct, 2023

Video Summary and Transcription

La accesibilidad va más allá de los lectores de pantalla y el HTML semántico, y es importante considerar las necesidades de las personas neurodivergentes. Las discapacidades cognitivas plantean desafíos únicos, y COGA proporciona pautas valiosas para diseñar para la accesibilidad cognitiva. La personalización, la tolerancia al error y la compatibilidad con las extensiones del navegador son cruciales para mejorar la experiencia del usuario. El sistema de diseño del NHS prioriza la funcionalidad y ha demostrado ser efectivo en el manejo de emergencias. Comprender las necesidades del usuario y abogar por el cambio dentro de la industria tecnológica son esenciales para crear una web más accesible.

Available in English

1. Introducción a la Accesibilidad

Short description:

Soy Stephanie Shaw, una ingeniera senior de front-end en Beamery, aquí para hablar sobre cómo la accesibilidad se relaciona con personas como yo. La accesibilidad a menudo se asocia con lectores de pantalla, roles de aria y HTML semántico, pero exploremos una perspectiva diferente.

Espero que todavía estén despiertos también. Ha sido un largo día, pero sí, soy Stephanie Shaw. Soy una ingeniera senior de front-end en Beamery, y tengo ADHD, y estoy aquí hoy para hablar sobre cómo la accessibility se relaciona con personas como yo. Entonces, ¿qué es la accessibility? Bueno, le pregunté a mi colega en Beamery, y ella cree que la accessibility es todo acerca de lectores de pantalla, y roles de aria, y HTML semántico, y todo eso. Tal vez pienses lo mismo. Mi objetivo es usar los próximos 20 minutos para quizás cambiar sus mentes, y hacerles pensar en la accessibility de una manera un poco diferente.

2. Diferentes Perspectivas de Usuario

Short description:

Conozcamos a tres personas: Amina, Ben y Caryl. Amina tiene una discapacidad visual y utiliza tecnologías de asistencia. Ben tiene discapacidades cognitivas debido a una lesión cerebral. Caryl es neurodivergente y prefiere considerarse a sí misma como neurospicy. La accesibilidad web a menudo se centra en usuarios como Amina, pero hay una falta de conciencia y comprensión para usuarios como Ben. Los estándares AAA ofrecen una mejor cobertura para las discapacidades cognitivas, pero su adopción es variable. El movimiento de la neurodiversidad tiene como objetivo cambiar la percepción de las condiciones y abrazar a los individuos neurodivergentes.

Entonces, conozcamos a tres personas, Amina, Ben y Caryl. Amina ha tenido una discapacidad visual desde su nacimiento. Ella utiliza un lector de pantalla y la navegación por teclado y gestos especiales en su móvil para ayudarla a navegar por la web. Ben tuvo un accidente de coche cuando era adolescente y sufrió lesiones físicas de las que se ha recuperado, pero todavía tiene una lesión cerebral traumática que significa que tiene algunas discapacidades cognitivas. Tiene problemas con su memoria de trabajo y con la comprensión lectora. Caryl siempre se sintió un poco diferente desde que era niña, pero no fue diagnosticada como autista hasta sus últimos veinte años, y eso es un escenario deprimentemente común para muchas personas neurodivergentes especialmente mujeres y personas de color.

Ahora, cuando pensamos en la accesibilidad web, a menudo estamos pensando en usuarios como Amina en muchas jurisdicciones, incluyendo en los EE.UU. con la Ley de Americanos con Discapacidades y en el Reino Unido con la Ley de Igualdad de 2010, los sitios web públicos están obligados a adherirse a la norma de accesibilidad WCAG AA como mínimo. Ha habido varios casos de alto perfil en los que usuarios con necesidades de accesibilidad como las de Amina han podido demandar con éxito a organizaciones por no cumplir con esa norma, como este famoso caso con el sitio web de Beyonce hace unos años. Y como ingenieros de front-end, porque los estándares AA son los que estamos legalmente obligados a implementar, esos son los que más conocemos. Pero sinceramente, en algunos lugares en los que he trabajado, puede ser un desafío conseguir que la gente haga literalmente el mínimo legal. Y aunque estemos haciendo lo mínimo, a menudo los gerentes de producto, los diseñadores de UX y los ingenieros de front-end se centran en cómo podemos crear experiencias hermosas para usuarios completamente capacitados sin necesariamente considerar cómo hacer que la experiencia sea hermosa o crear momentos de deleite para los usuarios que tienen necesidades adicionales de accesibilidad.

Ahora, Ben, se ha recuperado completamente de sus lesiones físicas después de su accidente de coche pero su lesión cerebral traumática significa que tiene discapacidades cognitivas que pueden dificultar el uso de sitios web, cosas como memorizar contraseñas o navegar por procesos complejos de varias etapas en la web. Mientras que algunas de estas discapacidades están cubiertas por los estándares AA, los estándares AAA de WCAG ofrecen un nivel de cobertura mucho mejor para sus necesidades. Sin embargo, el problema es que los estándares AAA no son legalmente obligatorios, son optativos. Y como resultado, significa que la adopción de los estándares AAA en la web es variable, por decir lo menos. Y no es necesariamente porque nosotros, como ingenieros de front-end, no nos importen personas como Ben. Quiero decir, a menudo, es posible que ni siquiera sepamos que existen personas como Ben. El principal problema, sin embargo, es que algunos de los estándares AAA son mutuamente excluyentes. Eso significa que es físicamente imposible implementar todos los estándares AAA, porque algunos de ellos entrarán en conflicto entre sí. Lo que se supone que debes hacer con los estándares AAA es tener un buen entendimiento de tus usuarios. Si esperas que un grupo de usuarios visite tu sitio web que tiene un conjunto particular de necesidades de accesibilidad, por ejemplo, si eres la Sociedad Nacional Autista, entonces adaptarías tus sitios web para personas como esa. Pero en general, no tiene mucho sentido desde una perspectiva de coste-beneficio implementar los estándares AAA en general, y dado que no necesitamos implementarlos legalmente, entonces a menudo, como ingenieros, tenemos una pobre comprensión de lo que realmente son.

¿Y qué pasa con alguien como Carol? Ella en realidad no se considera discapacitada. Su cerebro siempre ha funcionado de la misma manera desde que era niña, así que no sabe nada mejor. Tiene algunas discapacidades cognitivas, seguro, pero prefiere pensar en sí misma como neurodivergente o neurospicy si eres tonto y crónicamente en línea como yo. El movimiento de la neurodiversidad realmente tiene como objetivo cambiar la percepción de condiciones como el TDAH, el autismo, la dislexia, la discalculia y la dispraxia. Así que no estamos mirándolos como un impedimento o una discapacidad, sino simplemente como tener un cerebro que funciona un poco diferente a la norma, con sus propias fortalezas y debilidades. Así que neurodivergente como definición, es una persona que tiene un cerebro que funciona de una manera diferente a la mayoría de la población. No es un término médico. Por eso usamos palabras como neurospicy para dejar claro que no nos consideramos discapacitados, nos consideramos un poco diferentes.

3. Desafíos enfrentados por usuarios neurodivergentes

Short description:

Según las estadísticas, alrededor del 15% de las personas son neurodivergentes y a menudo enfrentan barreras al usar la web. Ejemplos de estas barreras incluyen la sobrecarga sensorial y las dificultades con la función ejecutiva, como la planificación y la toma de decisiones. Para los individuos neurodivergentes, los sitios web con excesivos pop-ups y procesos de reserva complejos pueden ser abrumadores y estresantes. Estos desafíos pueden llevar a una experiencia de usuario negativa y potencialmente resultar en la pérdida de clientes. Es importante que las organizaciones consideren las necesidades de los individuos neurodivergentes y hagan los ajustes necesarios para mejorar la accesibilidad.

Según la Oficina de Estadísticas Nacionales del Reino Unido, alrededor del 15% o una de cada siete personas es neurodivergente, y eso es una parte significativa de la población. Pero además, como la población neurodivergente tiende a ser mucho más joven que las personas con discapacidades físicas o cognitivas, y eso es porque las personas que son neurodivergentes, siempre han sido neurodivergentes desde que nacieron, y no hay cura para la neurodivergencia, pero las personas a menudo adquirirán discapacidades físicas o cognitivas a medida que envejecen naturalmente o a través de accidentes como Ben, y con suerte en algunos casos también se recuperarán de sus discapacidades también.

Un estudio reciente sugiere que un asombroso 38% de los jóvenes entre las edades de 16 y 24 se identifican como neurodivergentes. Sin embargo, similar a Ben, la legislación actual no requiere que las organizaciones hagan ninguna adaptación para acomodar a las personas neurodivergentes, por lo que ese 38% de la población potencialmente tiene barreras al usar la web. ¿Y de qué barreras estamos hablando aquí? Algunas de ellas serían cosas como la memoria de trabajo, el procesamiento del lenguaje, la sobrecarga sensorial, habilidades de comunicación, habilidades de organización o conciencia espacial. Pero esa es solo la lista, es mucho más interesante pasar por algunos ejemplos.

Entonces, aquí hay uno que personalmente odio. Entro en un sitio web, y de inmediato me saludan docenas de pop-ups, ¿verdad? Tiene estos permisos GDPR y cosas así. Oh, ¿quieres recibir notificaciones del Daily Mail? No, ¿quieres, no sé, suscribirte a nuestro boletín? El cuadro de chat aparece en la esquina y dice, oh, ¿necesitas ayuda? Quizás hay un video que se reproduce automáticamente. Para alguien que es neurodivergente, todo puede ser un poco abrumador. Y obviamente, como, las personas tienen un negocio que dirigir, pero ¿es realmente necesario bombardear a las personas tan pronto como visitan la página? Obviamente, esto es súper molesto para las personas neurotípicas también. Pero para alguien con autismo, este nivel de sobrecarga sensorial podría llevar muy fácilmente a un colapso o cierre, lo que va a arruinar completamente tu día, y entonces has perdido un cliente de por vida. No es que alguna vez fuera cliente del Daily Mail, como saben.

Ahora, otro problema que a menudo enfrentan las personas neurodivergentes es con la función ejecutiva. Entonces, a mí, me encanta ir de vacaciones, acabo de volver de unas vacaciones. Y cuando piensas en cuántos pasos están involucrados en reservar unas vacaciones, puedes ver cómo podría ser difícil para las personas neurodivergentes. En primer lugar, tienes que organizar todas las fechas, los horarios y los lugares para tus vuelos y hoteles, y asegurarte de que todos coincidan entre sí. Si tienes problemas con la organización o la memoria de trabajo, puede ser difícil planificar esta línea de tiempo de cuándo se supone que debes aterrizar, especialmente si tienes un vuelo nocturno que llega en un día diferente, a través de diferentes zonas horarias con cuándo se supone que debes llegar al hotel. Cuando estás reservando un hotel o un vuelo y a menudo te presentan cientos de opciones y tienes que elegir la mejor opción para ti basada en los criterios, eso es importante para ti, como el costo versus la conveniencia. Y esas no son necesariamente las opciones que el sitio web quiere que elijas, quieren que elijas a las personas que les están pagando mucho dinero por la promoción. Y tienes que llenar todos estos forms de data importante. Si estás reservando con Ryanair, por ejemplo, si cometes un error en tu número de pasaporte o en tu nombre, entonces podría haber una penalización financiera involucrada en corregir ese error y eso lo hace extra estresante, especialmente para las personas con dispraxia o dislexia. De repente, las apuestas son muy altas. Tienes que asegurarte de que lo estás haciendo bien. Entonces Ryanair estará revisando esta información tres o cuatro veces. Es bastante estresante. Y luego es como, has reservado unas vacaciones, estás siguiendo todas las diversas reservas, posiblemente en varios sitios web. ¿Cuándo tengo que presentarme en el aeropuerto? ¿Mi vuelo está retrasado? ¿Está cancelado? ¿Está todo bien con mi hotel? Llegas allí. Es como, quiero ir de vacaciones para relajarme y ahora siento que tal vez estaría mejor en casa, en la cama, posiblemente llorando. Otro problema que a menudo enfrentan las personas no regulares es con la memoria de trabajo que es especialmente aplicable a personas con autismo, TDAH y dispraxia.

4. Gestión de Contraseñas y Pruebas de Función Cognitiva

Short description:

A menudo, los usuarios luchan con la gestión de contraseñas y las pruebas de función cognitiva. Recordar múltiples contraseñas para diferentes sitios web puede ser abrumador, lo que lleva a la frustración e inseguridad. Las pruebas de función cognitiva, como ingresar letras específicas de palabras memorables, plantean desafíos para las personas con problemas de memoria de trabajo, dislexia y discalculia. Anotar contraseñas o palabras memorables compromete la seguridad y va en contra del propósito previsto.

A menudo, creo que todos hemos estado en esta situación en la que llegas a un sitio web, introduces tu contraseña, y te dice, oh, esa no es la contraseña correcta. Piensas, oh, lo intentaré de nuevo. Oh, está bien. Me rindo. Hago clic en el botón de olvidé tu contraseña, introduzco una de mis contraseñas habituales que sé que no voy a olvidar. Y entonces es como, oh, no puedes usar esa contraseña. Ya has usado esa contraseña. ¿Qué se supone que debo hacer ahora? No puedo recordar y llevar la cuenta de todas estas diferentes contraseñas para cada uno de los sitios web. Sabes, es simplemente wow. Es simplemente así. Otro es tener que hacer pruebas de función cognitiva. En este caso, introducir las letras tercera, octava y décima de tus palabras memorables. En primer lugar, tengo que recordar cuál es la palabra memorable. Pero luego, para las personas que tienen problemas con la memoria de trabajo, puede ser realmente difícil visualizar la palabra en tu cabeza para contar las letras, especialmente un problema para las personas con dislexia y discalculia. Y entonces lo que terminas haciendo a menudo es escribir la contraseña, o la palabra memorable, contando las letras, bien, trabajo hecho. Pero al escribir la palabra memorable o la contraseña, es un anti-patrón. He hecho todo el proceso realmente inseguro, y eso es lo contrario de lo que el desarrollador pretendía hacer.

5. COGA y las Directrices de Accesibilidad Cognitiva

Short description:

Como ingenieros de front-end, podemos confiar en COGA, el grupo de trabajo para la accesibilidad cognitiva, para proporcionar directrices respaldadas por investigaciones para personas con condiciones cognitivas o neurodivergentes. Ofrecen recursos útiles, como personas, historias de usuarios y patrones de diseño, así como orientación sobre pruebas de cumplimiento.

Entonces, ¿qué podemos hacer como ingenieros de front-end para ayudar en esta situación? Bueno, francamente, tenemos a COGA de nuestro lado. ¿Qué es COGA? COGA es el grupo de trabajo para la accesibilidad cognitiva en el Consorcio World Wide Web, y están trabajando en directrices de accesibilidad respaldadas por investigaciones exhaustivas para personas con condiciones cognitivas o neurodivergentes. Así que son personas como Ben con su lesión cerebral traumática, y Carol, que tiene autismo. Tienen muchos recursos realmente útiles, incluyendo personas, que están basadas en personas reales que tienen discapacidades cognitivas, historias de usuarios y patrones de diseño que su gestor de producto o diseñadores UX pueden consultar en su trabajo. Y también, importante, cómo probar el cumplimiento.

6. Impedimentos Cognitivos y Elecciones de Diseño

Short description:

A menudo, con los impedimentos cognitivos, las pruebas automatizadas no son suficientes. Las últimas directrices de WCAG incluyen criterios para los impedimentos cognitivos, como la entrada redundante y la autenticación accesible. Las elecciones de diseño deben ser cuidadosamente consideradas, y los usuarios deben tener la opción de personalizar su experiencia. La compatibilidad con las extensiones de navegador y las APIs es crucial, y se debe implementar la tolerancia al error.

A menudo, con estos impedimentos cognitivos, no es tan simple como tener pruebas automatizadas, porque las pruebas serán mucho más cualitativas, como, ¿es este lenguaje claro y sencillo y fácil de entender? No hay una prueba automatizada que puedas ejecutar para eso. Tiene que ser hecho por una persona real.

Alguno del trabajo que COGA ha hecho ha ido a la última versión de las directrices de accesibilidad 2.2 WCAG accessibility. Ahora se han incluido algunos criterios adicionales para ayudar a las personas con impedimentos cognitivos, este, entrada redundante, que está en el nivel más bajo de cumplimiento A. Eso básicamente significa que si tienes un proceso de varios pasos y tienes que llenar alguna información como tu dirección de correo electrónico o tu dirección postal, no se te requerirá llenar esa información, la misma información de nuevo, más adelante en el proceso. Debería recordar lo que llenaste previamente y ayudarte a acelerar el proceso. Otro será la autenticación accesible authentication, que está en el estándar AA y AAA. Eso básicamente significa que estas pruebas de función cognitiva que son realmente molestas, rotar el animal para que esté mirando en la dirección correcta, ya no puedes ser forzado a hacer eso. Tiene que haber alguna alternativa. La alternativa, que se sugiere, es tener un enlace mágico. Siempre recuerdo mi correo electrónico, y mi correo electrónico no cambia dependiendo del sitio web al que vaya. Debería poder decir, por ejemplo, iniciar sesión en un sitio web, simplemente llenar mi correo electrónico, hacer clic en un botón, me enviará un enlace mágico por correo electrónico. Hago clic en el enlace mágico, y me inicia sesión automáticamente. No tengo que recordar una contraseña o algo así. Eso es útil para todas las personas con impedimentos cognitivos, incluyendo a las personas con lesiones cerebrales traumáticas también.

Si tienes un gestor de producto o un diseñador UX en tu equipo, muchas de las elecciones de diseño recaerán sobre ellos más que sobre ti, pero solo porque el diseño que recibes contiene uno de estos comportamientos problemáticos, no significa que tengas que implementarlo. Puedes decir que no, simplemente di que no. Cosas como el audio y el video que se reproducen automáticamente, especialmente las animaciones, creo que las animaciones parallax, esas son las que, cuando te desplazas por la página, las cosas se mueven por la página. A las personas autistas no les gusta eso. No necesariamente tienes que hacer eso. Como equipos de producto, deberíamos estar comunicándonos entre nosotros y desarrollando experiencia en esta área. Si ves algo que es una mala práctica o que no va a ser útil para las personas con neurodesarrollo habla y haz algo al respecto.

Hay una forma en la que puedes ofrecer lo mejor de ambos mundos, y eso es permitiendo a los usuarios personalizar su experiencia, ya sea a través de su sistema operativo o de las configuraciones de accesibilidad del navegador o a través de las configuraciones de usuario en tu aplicación. De esa manera, los usuarios aún pueden experimentar la aplicación completa tal como la imaginó el diseño de producto con una de las animaciones elegantes, pero tienes la opción de desactivar eso si eso es lo que prefieres. Además, si el usuario tiene preferencias existentes, digamos que prefiere el modo oscuro o el movimiento reducido en las configuraciones de accesibilidad de su sistema operativo, podemos seleccionar un esquema de colores apropiado o desactivar las animaciones y notificaciones que se reproducen automáticamente utilizando el selector de medios CSS, a menudo visto como modo oscuro, pero creo que prefiere el movimiento reducido es menos conocido, pero es útil para las personas neurodivergentes. A menudo, las personas neurodivergentes prefieren usar entidades conocidas, especialmente las personas con autismo, no necesariamente querrán ir a cada sitio web y jugar con las configuraciones hasta que sea algo apropiado para ellos. Pueden preferir traer una herramienta con la que ya estén familiarizados, que sepan cómo usarla y que aplique las configuraciones en general. Por lo tanto, las extensiones comúnmente utilizadas que serán súper útiles serán cosas como los gestores de contraseñas, los bloqueadores de anuncios o pop-ups, los modos de lectura que tendrán texto a voz, o que eliminarán las distracciones de la página. Por lo tanto, es realmente importante que como desarrolladores, nos aseguremos de que nuestros sitios web son compatibles con estas extensiones de navegador y APIs. Una de las otras cosas que deberíamos tratar de incluir es la tolerancia al error.

7. Mejorando la Experiencia del Usuario

Short description:

Como desarrolladores web, deberíamos alentar a los usuarios a elegir la opción correcta. La coincidencia difusa y la tolerancia al error pueden mejorar la funcionalidad de búsqueda. Facilitar a los usuarios la corrección de errores y proporcionar un manejo elegante de los escenarios ahorra muchos problemas. Probar con usuarios reales que tienen neurodivergencia es crucial.

Como, bueno, todos los usuarios realmente, como desarrolladores web, deberíamos estar alentando a las personas a elegir la opción correcta en lugar de elegir una opción que podría no funcionar. Les daré a estos chicos un momento. Errores, sí. Ahí vamos. Bueno, podemos usar, por ejemplo, la coincidencia difusa para búsquedas o autocompletados. Imagina que eres una persona disléxica y quieres reservar unas vacaciones a Male, que está en Mauricio. Male en realidad tiene un acento en el nombre. Pero si buscas en muchos sitios web, este es trip.com, entonces no reconoce Male como se escribe M-A-L-E. Tienes que poner el acento, de lo contrario no sabrá de qué estás hablando. Eso es extremadamente inútil. Pero si consideras toda la variedad de nombres de lugares, que quiero decir, mi querida madre es disléxica y no tendría ninguna posibilidad de deletrear palabras como Croacia, Chipre. Así que al ofrecer tolerancia al error y coincidencia difusa, puedes asegurarte de que puedan buscar lo correcto.

Otro aspecto es facilitar a los usuarios la corrección de un error. Este es mi libro personal allí. Espera a que se cargue el video. Así que quiero reservar un tren. Reservo un tren para el 27 de octubre. Y luego me doy cuenta tan pronto como hago clic en el botón, olvidé reservar el viaje de regreso. Mi comportamiento predeterminado como usuario es hacer clic en el botón de retroceso o deslizar en mi móvil para volver. Pero en muchos sitios web de trenes, eso no funciona. Solo funciona si haces clic en el botón de editar. Entonces, en este caso, ha olvidado que puse el 27 de octubre y ha vuelto a la fecha de hoy, que es la configuración predeterminada. Así que voy a llenar mi viaje de regreso, buscar los resultados. Y me doy cuenta de que todos los trenes son para la fecha de hoy y eso no es lo que quería en absoluto. Si puedes tener en cuenta ese escenario y asegurarte de manejar esas situaciones con elegancia, simplemente ahorra muchos problemas a las personas.

Y finalmente, prueba con usuarios reales. Como dije, es difícil automatizar este tipo de pruebas. Por lo tanto, es realmente importante probar con personas reales que tienen neurodivergencia. Afortunadamente, hay bastantes personas así en la community de tecnología. Tiende a ser, creo, probablemente un poco más alto que el promedio.

8. Empoderando a Todos los Usuarios en la Accesibilidad Web

Short description:

Entonces, estas personas ya podrían existir en tu empresa. Y solo estoy pidiendo sus comentarios. Sería realmente útil. Al ofrecer una mayor elección y personalización para las personas que son neurodivergentes, podemos ofrecer esa misma elección a cualquier persona que quizás hable un poco diferente. Al igual que el movimiento de neurodiversidad desafía a las personas a dejar de ver la variación natural en la función cerebral como una discapacidad o deterioro, te desafiaría a llevar ese enfoque a la accesibilidad web también. Si quieres descubrir más y aprender más sobre esto, te animaría a leer las nuevas directrices 2.2 de WCAG. El sitio web de COGO, como mencioné, contiene muchos recursos realmente interesantes y el análisis de brechas también explica algunas de las investigaciones que han entrado en sus directrices.

Entonces, estas personas ya podrían existir en tu empresa. Y solo estoy pidiendo sus comentarios. Sería realmente útil. Obviamente, debes asegurarte de que todos los usuarios, pero especialmente las personas neurodivergentes, tengan acceso a formas de proporcionar comentarios y utilizar observability para obtener información en caso de que las personas sean un poco tímidas.

Tal vez estás sentado allí en la audiencia y estás pensando, bueno, eso suena realmente útil para mí. ¿Podría ser posiblemente neurodivergente? Bueno, tal vez lo eres. Y tal vez no lo eres. Pero muchos de los patterns que he descrito harían de Internet un lugar mucho más agradable para todo tipo de personas, ya sean neurodivergentes o neurotípicas.

Tomemos la dislexia como un ejemplo. ¿Sabías que la edad de lectura promedio de los adultos en el Reino Unido es de nueve años? Y eso sin siquiera considerar a todas las personas que no son hablantes nativos de inglés. Entonces, si observas los criterios AAA, como usar un lenguaje simple y claro y usar el espacio en blanco de manera eficiente, eso ayudaría a un amplio rango de personas. No solo a las personas que son neurodivergentes. Pero porque no necesariamente leemos y entendemos los criterios AAA, posiblemente nos estamos perdiendo de muchas ideas realmente útiles que serían útiles para todo tipo de personas.

Al ofrecer una mayor elección y personalización para las personas que son neurodivergentes, podemos ofrecer esa misma elección a cualquier persona que quizás hable un poco diferente. Entonces, si hay una cosa que quiero que te lleves de esta charla, es esto. Al igual que el movimiento de neurodiversidad desafía a las personas a dejar de ver la variación natural en la función cerebral como una discapacidad o deterioro, te desafiaría a llevar ese enfoque a la accessibility web también. La accessibility no debería ser solo entregar un nivel mínimo de usabilidad para las personas discapacitadas, debería ser sobre empoderar a todos los usuarios en toda su diversidad para acceder a la web de la manera que mejor les funcione.

Si quieres descubrir más y aprender más sobre esto, te animaría a leer las nuevas directrices 2.2 de WCAG. El sitio web de COGO, como mencioné, contiene muchos recursos realmente interesantes y el análisis de brechas también explica algunas de las investigaciones que han entrado en sus directrices. También hay algunos recursos sobre cómo hacer sitios web accesibles para personas con dislexia y para personas que tienen ADHD.

Y eso es todo lo que tengo tiempo para hoy. Así que muchas gracias. Muchas gracias, Stephanie. Gracias. Y disculpas por testing tu tolerancia al error allí. Eso no estaba planeado. Podría haber sido un buen meta. Si hay algo que causaría un escenario de colapso o cierre, probablemente sería eso. Pero lo superamos.

QnA

Herramientas para la Accesibilidad y Sistemas de Diseño

Short description:

Creo que la principal aquí es, ¿has visto alguna vez herramientas como el lector biónico para personas neurodivergentes? Estas herramientas son útiles para todos. El modo lector debería estar en la mayoría de los navegadores. Cuanto más podamos introducir estas herramientas adicionales para todos, será útil también para las personas neurodivergentes. Estoy completamente dependiente de una contraseña para gestionar eso. Deberíamos ofrecer ese nivel de funcionalidad por defecto dentro de las aplicaciones. Lo que realmente queremos es tener soporte a nivel de navegador y soporte a nivel de HTML para este tipo de funcionalidad. El sistema de diseño del NHS se basa en GovUK, así que conozco bastante bien ese.

Creo que eso es algo genial que salió justo antes de subir al escenario. Realmente espero que. Ahora, creo, como probablemente podrías anticipar, un par de las preguntas aquí son específicamente sobre herramientas que podrían ayudar. Entonces, creo que la principal aquí es, ¿has visto alguna vez herramientas como el lector biónico para personas neurodivergentes? Esta persona, Erin, hola, Erin, si estás en la audiencia. Hola, Erin dice que le encantaría ver más herramientas y características como esta en las modernas aplicaciones web. Um, estoy de acuerdo. Como dije, estas herramientas son útiles para todos. Quiero decir, cosas como los modos de lectura, no son accesibles en Chrome a menos que lo habilites específicamente. Pero si estás usando, digamos, Firefox, puedes entrar en el modo lector simplemente haciendo clic en el icono del lector en la URL. Si está habilitado en ese sitio web, y eso es útil para todos. Si no quieres ver cosas como anuncios o grandes imágenes y cosas así. Creo que, sí, quiero decir, ¿hay muchas herramientas para ayudar específicamente a las personas neurodivergentes? No que yo sepa. Me encantaría ver más por ahí. Pero hay muchas herramientas por ahí que quizás son utilizadas por personas con otras discapacidades. Así que, como dije, el modo lector debería estar en la mayoría de los navegadores. No está en Chrome. Creo que ese es quizás el caso atípico. Pero sí, cuanto más podamos introducir estas herramientas adicionales para todos, será útil también para las personas neurodivergentes. Genial. ¿Tienes alguna herramienta en particular de la que seas un gran fan? Obviamente, a partir del segmento de contraseñas, puedes adivinar que quizás estoy completamente dependiente de una contraseña para gestionar eso. Espero que con las nuevas directrices 2.2, eso sea menos problemático. Creo que mucha gente dice que alguien como mi madre no necesariamente sabrá sobre todas las extensiones que están disponibles por ahí. Deberíamos ofrecer ese nivel de funcionalidad por defecto dentro de las aplicaciones. Pero como dije, puede ser difícil cambiar la configuración en cada aplicación porque será ligeramente diferente cada vez. Así que lo que realmente queremos es tener soporte a nivel de navegador y soporte a nivel de HTML para este tipo de funcionalidad. Definitivamente. Y cuando mencionaste la contraseña, pensé en eso cuando estabas hablando de los caracteres numerados. No sé quién era eso. Increíble. Entonces, la más votada aquí que tenemos. ¿Tienes alguna experiencia o pensamientos sobre los sistemas de diseño existentes como Material Design o GovUK, que buscan manejar las preocupaciones de accesibilidad? Sí, solía trabajar para el NHS y el sistema de diseño del NHS se basa en GovUK, así que conozco bastante bien ese.

El Sistema de Diseño del NHS y su Impacto

Short description:

El sistema de diseño del NHS se centra en la funcionalidad en lugar de en las animaciones llamativas. Ha demostrado ser efectivo en situaciones como la pandemia de COVID, proporcionando patrones probados y comprobados para una rápida difusión de información. Aunque puede que no sea visualmente inspirador, se considera el estándar de oro de los sistemas de diseño gubernamentales en todo el mundo.

Y creo que lo que me gusta de él es que no es llamativo, pero hace el trabajo. A menudo pensamos que cuando estamos haciendo productos tenemos que hacerlos muy sofisticados y tener todas estas animations y cosas así. Pero creo que lo que los usuarios realmente quieren, ya sean neurotípicos o neurodivergentes, es simplemente algo que funcione bien para el escenario.

Así que el sistema de design del NHS pudo manejar cosas como el covid muy bien en eso, ya sabes, los gerentes de producto no tuvieron que pensar tanto en, OK, ¿cómo organizo esto en la página? Había patrones patterns probados y comprobados a los que pudimos referirnos. Y entonces simplemente pudiste poner esa información a disposición del público lo más pronto posible en una situación de vida o muerte. Obviamente, las cosas que no salieron tan bien con el programa de testing de pruebas y rastreo del NHS. Pero, ya sabes, muchas de las cosas que funcionan bien con el sistema de design del gobierno simplemente las damos por sentado hoy en día. Y ahora, ya sabes, hoy se considera, ya sabes, como el estándar de oro del gobierno, ya sabes, los design systems en todo el mundo. Y muchos países esperan emular el sistema de design de gov.uk, lo cual es genial. Pero de nuevo, no necesariamente va a ser tan inspirador desde, ya sabes, visitar una página.

Considerando las Necesidades del Usuario y la Audiencia

Short description:

Gov.uk comprende las necesidades de los usuarios que dependen de los servicios gubernamentales, incluyendo a aquellos que tienen acceso limitado a Internet o son ancianos. Al trabajar en el NHS, se hizo evidente que la mayoría de los usuarios no son individuos en buen estado de salud, sino personas con condiciones como demencia y Alzheimer. Comprender a tu audiencia y sus necesidades específicas, como el uso del modo de alto contraste, es crucial para una accesibilidad efectiva.

Y creo que si quieres, depende del escenario, ¿verdad? Gov.uk entiende qué tipo de usuarios estarán utilizando el servicio, como, ya sabes, las personas que dependen de los servicios gubernamentales son a menudo personas que no tienen buen acceso a Internet. Quizás estén utilizando una biblioteca pública, quizás sean ancianos. Creo que cuando estaba — la razón principal por la que me interesé en la accessibility en primer lugar es trabajar en el NHS. Sabes, tienes que tener eso en cuenta. Sabes, la mayoría de tus usuarios no van a ser personas en buen estado de salud. Van a ser personas que tienen cosas como demencia y Alzheimer. Van a ser personas que estarán utilizando un modo de alto contraste. Y por lo tanto, es realmente importante saber quién es tu audiencia.

Desafíos de Adoptar Prácticas de Accesibilidad

Short description:

Existe una pregunta sobre si empresas como Ryanair podrían ser reacias a adoptar prácticas de accesibilidad que podrían confundir a las personas para comprar cosas que no quieren. Siempre habrá resistencia, pero con un porcentaje significativo de jóvenes que se identifican como neurodivergentes, las empresas pueden necesitar adaptarse para mantenerse al día con el mercado. Sin embargo, es crucial que los individuos neurodivergentes sepan que existen alternativas y aboguen por el cambio dentro de la industria tecnológica. Las dos últimas preguntas se superponen, discutiendo la diferencia en la construcción de UI para personas neurodivergentes y no neurodivergentes.

Hay un poco del tipo de — la pregunta aquí que tiene cuatro votos a favor. Mis votos a favor han estado pasando demasiado tiempo en Reddit. Mis disculpas. Enlaza un poco con lo que estás hablando aquí. Así que pensé que tal vez podríamos terminar con los dos últimos más votados que tenemos. Tenemos — oh, vaya. Ha cambiado rápidamente. Muy bien. Vamos. Democracia. Vamos con el primero.

OK. ¿Crees que empresas como Ryanair podrían ser reacias a adoptar estas prácticas para confundir a las personas para comprar cosas que realmente no quieren? Vamos a ser controvertidos. Oh, hombre. Bueno, obviamente siempre va a haber resistencia contra esto. Creo que personas como — lugares como Ryanair, personas que van en estas vacaciones de corta duración son a menudo jóvenes. Y como viste, como el 38% de los jóvenes se identifican como neurodivergentes. Así que en algún momento no va a ser como una elección para ellos. Van a tener que — para mantenerse al día con el mercado, van a tener que. Pero al mismo tiempo, si las personas neurodivergentes no saben que pueden — como que hay otras formas. Si no tenemos una voz en la industria tecnológica para abogar contra esto, entonces no vamos a ver el cambio que queremos. Así que como dije, hay todo tipo de personas con neurodivergencia en la industria tecnológica. Y creo que a veces no se dan cuenta de que tienen una voz. O quizás todavía hay un poco de estigma sobre revelar que eres neurodivergente dentro de la industria, y eso necesita cambiar, realmente. Creo que necesitamos personas neurodivergentes para abogar por el cambio que quieren ver dentro de la industria tecnológica también.

Definitivamente. Siento que estas dos últimas preguntas casi se sienten como si se superponen. Hay una aquí que inicialmente tenía la delantera. Era, ¿hay una diferencia fundamental en la construcción de una buena y fácil de usar UI para personas neurodivergentes y no neurodivergentes? Que creo que es algo de lo que hablaste en tu masterclass. Hay una que parece estar superándola mientras hablamos ahora mismo.

Explicando las Directrices y Construyendo Herramientas

Short description:

¿Qué sitios explican las directrices en un lenguaje más sencillo o comparten actualizaciones? El sitio web de WCAG puede ser intimidante, pero el sitio web de COGA lo relaciona con personas reales. Se necesitan más recursos. No hay diferencia en la construcción de herramientas para personas neurodivergentes y otras personas. El enfoque está en crear experiencias que funcionen para todos, creando una web mejor para todos.

¿Existen sitios que expliquen las directrices en un lenguaje más sencillo o compartan nuevas actualizaciones? Supongo que estamos buscando algunos tips prácticos sobre lo que podemos hacer.

Es un buen punto. Creo que si vas al sitio web de WCAG, puede ser bastante intimidante porque solo son listas de puntos y historias. Pero creo que el sitio web de COGA hace un muy buen trabajo en eso, ya que lo relaciona constantemente con estas personas que están basadas en personas reales. Y al leer la historia de cómo interactúan con él, entonces es así como he estado aprendiendo sobre ello. Es un tema grande, hay muchos artículos de blog y cosas así que espero que lo expliquen en un lenguaje sencillo. Es un tema difícil y si quieres escribir sobre él, por favor hazlo. Necesitamos más artículos y más cosas fáciles de explicar. Creo que muchos ingenieros ni siquiera saben cómo usar un lector de pantalla y cosas así. Entonces, ¿cómo sabrían cómo hacer estas cosas en primer lugar? Me gustaría ver más recursos disponibles porque es un poco seco en este momento. Por eso estoy aquí para hacerlo menos seco, espero.

Entonces, ¿crees que un mayor enfoque en los recursos nos llevará a entender la diferencia fundamental en la construcción de herramientas para personas neurodivergentes versus la construcción de herramientas que son... No creo que deba haber una diferencia entre construir herramientas para personas neurodivergentes y construir herramientas para otras personas. Hay muchas personas que se distraerían mucho con las ventanas emergentes, pero no porque tengan ADHD, sino porque así es como funciona su cerebro. Pensamos en el autismo como un espectro y todos caen en este espectro. Algunas personas serán diagnosticadas médicamente con ADHD o autismo y otras no, pero aún así se relacionarán con esas experiencias. Hay una razón por la que el TikTok de ADHD es tan popular, es porque mucho de lo que la gente está pasando con el ADHD es muy relatable para todo tipo de personas, ya sea que lo tengan o no. Así que creo que el enfoque debería estar en crear experiencias que funcionen para todos, personas neurotípicas y neurodivergentes también, porque crea una web mejor para todos. Solo tener la opción, una verdadera opción sobre cómo experimentar las aplicaciones web. Creemos una web mejor para todos. Eso es lo que estamos esperando. Vamos. Gracias Stephanie.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Design Systems: Walking the Line Between Flexibility and Consistency
React Advanced Conference 2021React Advanced Conference 2021
47 min
Design Systems: Walking the Line Between Flexibility and Consistency
Top Content
Design systems aim to bring consistency to a brand's design and make the UI development productive. Component libraries with well-thought API can make this a breeze. But, sometimes an API choice can accidentally overstep and slow the team down! There's a balance there... somewhere. Let's explore some of the problems and possible creative solutions.
A Framework for Managing Technical Debt
TechLead Conference 2023TechLead Conference 2023
35 min
A Framework for Managing Technical Debt
Top Content
Let’s face it: technical debt is inevitable and rewriting your code every 6 months is not an option. Refactoring is a complex topic that doesn't have a one-size-fits-all solution. Frontend applications are particularly sensitive because of frequent requirements and user flows changes. New abstractions, updated patterns and cleaning up those old functions - it all sounds great on paper, but it often fails in practice: todos accumulate, tickets end up rotting in the backlog and legacy code crops up in every corner of your codebase. So a process of continuous refactoring is the only weapon you have against tech debt.In the past three years, I’ve been exploring different strategies and processes for refactoring code. In this talk I will describe the key components of a framework for tackling refactoring and I will share some of the learnings accumulated along the way. Hopefully, this will help you in your quest of improving the code quality of your codebases.

Debugging JS
React Summit 2023React Summit 2023
24 min
Debugging JS
Top Content
As developers, we spend much of our time debugging apps - often code we didn't even write. Sadly, few developers have ever been taught how to approach debugging - it's something most of us learn through painful experience.  The good news is you _can_ learn how to debug effectively, and there's several key techniques and tools you can use for debugging JS and React apps.
Monolith to Micro-Frontends
React Advanced Conference 2022React Advanced Conference 2022
22 min
Monolith to Micro-Frontends
Top Content
Many companies worldwide are considering adopting Micro-Frontends to improve business agility and scale, however, there are many unknowns when it comes to what the migration path looks like in practice. In this talk, I will discuss the steps required to successfully migrate a monolithic React Application into a more modular decoupled frontend architecture.
Power Fixing React Performance Woes
React Advanced Conference 2023React Advanced Conference 2023
22 min
Power Fixing React Performance Woes
Top Content
Next.js and other wrapping React frameworks provide great power in building larger applications. But with great power comes great performance responsibility - and if you don’t pay attention, it’s easy to add multiple seconds of loading penalty on all of your pages. Eek! Let’s walk through a case study of how a few hours of performance debugging improved both load and parse times for the Centered app by several hundred percent each. We’ll learn not just why those performance problems happen, but how to diagnose and fix them. Hooray, performance! ⚡️
Building a Voice-Enabled AI Assistant With Javascript
JSNation 2023JSNation 2023
21 min
Building a Voice-Enabled AI Assistant With Javascript
Top Content
In this talk, we'll build our own Jarvis using Web APIs and langchain. There will be live coding.

Workshops on related topic

Building a Shopify App with React & Node
React Summit Remote Edition 2021React Summit Remote Edition 2021
87 min
Building a Shopify App with React & Node
Top Content
WorkshopFree
Jennifer Gray
Hanna Chen
2 authors
Shopify merchants have a diverse set of needs, and developers have a unique opportunity to meet those needs building apps. Building an app can be tough work but Shopify has created a set of tools and resources to help you build out a seamless app experience as quickly as possible. Get hands on experience building an embedded Shopify app using the Shopify App CLI, Polaris and Shopify App Bridge.We’ll show you how to create an app that accesses information from a development store and can run in your local environment.
Build a chat room with Appwrite and React
JSNation 2022JSNation 2022
41 min
Build a chat room with Appwrite and React
WorkshopFree
Wess Cope
Wess Cope
API's/Backends are difficult and we need websockets. You will be using VS Code as your editor, Parcel.js, Chakra-ui, React, React Icons, and Appwrite. By the end of this workshop, you will have the knowledge to build a real-time app using Appwrite and zero API development. Follow along and you'll have an awesome chat app to show off!
Hard GraphQL Problems at Shopify
GraphQL Galaxy 2021GraphQL Galaxy 2021
164 min
Hard GraphQL Problems at Shopify
WorkshopFree
Rebecca Friedman
Jonathan Baker
Alex Ackerman
Théo Ben Hassen
 Greg MacWilliam
5 authors
At Shopify scale, we solve some pretty hard problems. In this workshop, five different speakers will outline some of the challenges we’ve faced, and how we’ve overcome them.

Table of contents:
1 - The infamous "N+1" problem: Jonathan Baker - Let's talk about what it is, why it is a problem, and how Shopify handles it at scale across several GraphQL APIs.
2 - Contextualizing GraphQL APIs: Alex Ackerman - How and why we decided to use directives. I’ll share what directives are, which directives are available out of the box, and how to create custom directives.
3 - Faster GraphQL queries for mobile clients: Theo Ben Hassen - As your mobile app grows, so will your GraphQL queries. In this talk, I will go over diverse strategies to make your queries faster and more effective.
4 - Building tomorrow’s product today: Greg MacWilliam - How Shopify adopts future features in today’s code.
5 - Managing large APIs effectively: Rebecca Friedman - We have thousands of developers at Shopify. Let’s take a look at how we’re ensuring the quality and consistency of our GraphQL APIs with so many contributors.
Web Accessibility for Ninjas: A Practical Approach for Creating Accessible Web Applications
React Summit 2023React Summit 2023
109 min
Web Accessibility for Ninjas: A Practical Approach for Creating Accessible Web Applications
Workshop
Asaf Shochet Avida
Eitan Noy
2 authors
In this hands-on workshop, we’ll equip you with the tools and techniques you need to create accessible web applications. We’ll explore the principles of inclusive design and learn how to test our websites using assistive technology to ensure that they work for everyone.
We’ll cover topics such as semantic markup, ARIA roles, accessible forms, and navigation, and then dive into coding exercises where you’ll get to apply what you’ve learned. We’ll use automated testing tools to validate our work and ensure that we meet accessibility standards.
By the end of this workshop, you’ll be equipped with the knowledge and skills to create accessible websites that work for everyone, and you’ll have hands-on experience using the latest techniques and tools for inclusive design and testing. Join us for this awesome coding workshop and become a ninja in web accessibility and inclusive design!
Automated accessibility testing with jest-axe and Lighthouse CI
TestJS Summit 2021TestJS Summit 2021
85 min
Automated accessibility testing with jest-axe and Lighthouse CI
Workshop
Bonnie Schulkin
Bonnie Schulkin
Do your automated tests include a11y checks? This workshop will cover how to get started with jest-axe to detect code-based accessibility violations, and Lighthouse CI to validate the accessibility of fully rendered pages. No amount of automated tests can replace manual accessibility testing, but these checks will make sure that your manual testers aren't doing more work than they need to.
0 To Auth In An Hour For Your JavaScript App
JSNation 2023JSNation 2023
57 min
0 To Auth In An Hour For Your JavaScript App
WorkshopFree
Asaf Shen
Asaf Shen
Passwordless authentication may seem complex, but it is simple to add it to any app using the right tool.
We will enhance a full-stack JS application (Node.js backend + Vanilla JS frontend) to authenticate users with One Time Passwords (email) and OAuth, including:
- User authentication – Managing user interactions, returning session / refresh JWTs- Session management and validation – Storing the session securely for subsequent client requests, validating / refreshing sessions
At the end of the workshop, we will also touch on another approach to code authentication using frontend Descope Flows (drag-and-drop workflows), while keeping only session validation in the backend. With this, we will also show how easy it is to enable biometrics and other passwordless authentication methods.