Hola a todos. Me llamo Kyle West. Soy ingeniero web y líder de accesibilidad para Family Search. El título de mi charla es Mi Corazón Está en el Lugar Correcto, pero el DOM No. Uno de mis roles principales es que soy coautor de nuestra biblioteca de sistemas de diseño React, que se utiliza mucho en todos nuestros productos. Como autor de un sistema central que es utilizado por la mayoría de nuestros, casi todos nuestros usuarios, siempre he sentido una responsabilidad adicional por construir un producto accesible que esté disponible para todos. Esto a menudo me ha llevado a la guía de prácticas de autoría ARIA, que es proporcionada por W3C. Es un recurso maravilloso para cualquiera que esté tratando de construir un producto que se ajuste a las mejores prácticas de la industria.
Si has estado allí antes, sin duda habrás visto este banner en la parte superior, que dice, No ARIA es mejor que un mal ARIA. Tienen un enlace maravilloso al que podríamos hacer clic y leer juntos si quisiéramos, pero es muy lógico y explica totalmente por qué eso es importante. Pero he aprendido más que de la documentación. He tenido mis propias experiencias de vida. A lo largo de mi tiempo, he visto muchas veces en las que yo y otros hemos intentado hacer lo correcto, pero no lo hicimos lo suficientemente bien como para ser efectivos. Tengo unas tres de esas historias que me gustaría compartir contigo.
La primera para empezar, probablemente hayas oído hablar de spaghetti code y probablemente con él ravioli code, pero probablemente no hayas oído hablar de potato code, que es el título de mi primera historia. Para dar un poco de contexto, una cosa que hago es reunirme periódicamente con algunos de mis clientes ciegos para entender cómo es su experiencia e identificar cualquier problema que puedan estar enfrentando, obtener comentarios. Me reúno periódicamente con ellos. Una vez, estaba reuniéndome con una mujer que es ciega. Ella trabaja en nuestro departamento de soporte y a menudo atiende las llamadas de otros clientes ciegos. Esa semana, había notado algo que estaba un poco fuera de lo que esperaba, y quería mostrarnos cuál era el problema.
Si no estás familiarizado, la forma en que un usuario ciego interactúa con una computadora es a través de una herramienta llamada lector de pantalla, que toma la información gráfica mostrada en la pantalla y luego la lee en voz alta al usuario. Luego, el usuario tiene un conjunto elevado de atajos de teclado que le permiten navegar por la página. En otras palabras, en lugar de que tú le grites a la computadora, ahora la computadora te grita a ti. Bueno, para este caso particular, el problema que nuestro usuario había encontrado estaba en una página que se veía algo así. Tiene un encabezado en la parte superior con algunos detalles importantes sobre la información en la página, y luego una serie de tarjetas principales que contienen todo tipo de información importante, y luego una serie de barras laterales más pequeñas con algunos widgets de tarjetas más pequeñas que realizan ciertas acciones relacionadas con la página. El problema que ella quería señalarnos estaba en la parte inferior de la sección de la barra lateral, y mientras navegaba a esa parte de la página, en el camino, aproximadamente a la mitad de la barra lateral, el lector de pantalla dijo algo que encontramos muy intrigante. Dijo, Enlace potato. Ella simplemente lo pasó por alto como si no fuera gran cosa. Dijimos, espera, espera, espera, vuelve atrás. ¿Dijiste potato, o el lector de pantalla dijo potato? Ella dijo, sí, lo hizo.
Comments