AI y Accesibilidad: Tenemos Mucho de Qué Hablar

This ad is not shown to multipass and full ticket holders
JSNation US
JSNation US 2025
November 17 - 20, 2025
New York, US & Online
See JS stars in the US biggest planetarium
Learn More
In partnership with Focus Reactive
Upcoming event
JSNation US 2025
JSNation US 2025
November 17 - 20, 2025. New York, US & Online
Learn more
Bookmark
Slides
Rate this content

En el panorama en rápida evolución de la tecnología, la Inteligencia Artificial (AI) se destaca como un cambio de juego en nuestra industria. Pero, ¿cuáles son las implicaciones para la accesibilidad y la construcción de experiencias inclusivas y conformes?

En esta charla, discutiremos AI y accesibilidad en todos sus matices. Desde avances significativos que mejoran las experiencias para todos los usuarios hasta preocupaciones importantes sobre la ética y las inversiones organizacionales en accesibilidad, lo cubriremos todo. De cualquier manera, AI está aquí y tenemos mucho de qué hablar para asegurar que la accesibilidad permanezca al frente de nuestro trabajo.

This talk has been presented at React Summit US 2024, check out the latest edition of this React Conference.

Cat Johnson
Cat Johnson
29 min
19 Nov, 2024

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Comencemos a sumergirnos en la presentación sobre AI y accesibilidad. AI es una simulación de la inteligencia humana por máquinas, y esta presentación se centrará en AI estrecha. AI generativa ha logrado grandes cosas en accesibilidad, y los avances en AI han mejorado varias aplicaciones para personas con discapacidades. El modelo más nuevo de OpenAI permite a las personas ciegas acceder a AI a través de Be My Eyes. Los desafíos con AI incluyen sesgo y precisión. AI puede ser una herramienta útil para mejorar la accesibilidad, pero tiene limitaciones y riesgos. Abogar por la ética de AI y la accesibilidad, recopilar datos y abordar preocupaciones específicas de accesibilidad son importantes. Khan Academy está trabajando en mejorar la accesibilidad en la educación.

1. Introducción a AI y Accesibilidad

Short description:

Comencemos a sumergirnos en la presentación sobre AI y accesibilidad. Soy un experto en accesibilidad con experiencia en Microsoft y Khan Academy. Hoy, discutiré el impacto de AI en la accesibilidad, sus limitaciones, pros y contras. AI es una simulación de la inteligencia humana por máquinas. Hay tres tipos de AI: AI estrecha, AI general y AI superinteligente. Esta presentación se centrará en AI estrecha, que realiza tareas específicas y se utiliza ampliamente en varias aplicaciones.

Comencemos a sumergirnos en la presentación porque solo tenemos 20 minutos para hablar de todo. Como dijo Daphne, soy Kat Johnson y hoy voy a hablarles sobre AI y accesibilidad y hay mucho de qué hablar y solo tenemos tanto tiempo.

Así que una cosa que quiero dar como descargo de responsabilidad en esta presentación es que no soy un experto en AI. Soy un experto en accesibilidad. La mayor parte de mi carrera ha sido trabajando en Microsoft y ahora trabajo en Khan Academy, donde me especializo en crear componentes web accesibles y widgets que funcionan con lectores de pantalla y otras herramientas asistivas.

Así que probablemente se pregunten por qué estoy hablando de AI. Bueno, es principalmente porque todos me preguntan todo el tiempo. Todo el tiempo la gente me pregunta sobre AI y si va a ser esta herramienta revolucionaria que va a solucionar todos nuestros problemas con la accesibilidad. Y realmente esta presentación es mi manera de intentar responder a esa pregunta, grabarla, para no tener que seguir respondiéndola todo el tiempo.

Así que hoy realmente quiero hablar sobre todos los entresijos de AI en relación con la accesibilidad. Quiero hablar sobre lo que AI puede hacer por la accesibilidad. ¿Cuáles son las limitaciones de AI? ¿Y cuáles son los pros, contras y todo lo demás? Así que con eso, comencemos a sumergirnos y a mirar las complejidades de AI y accesibilidad.

Pero primero, hablemos de qué es AI. Porque entender qué es AI nos ayudará más a responder esta pregunta. Entonces, ¿qué es AI? Bueno, esta cita la encontré en línea, y realmente esta es mi cita favorita, por eso está en esta presentación. AI es simplemente una simulación de la inteligencia humana por una máquina. Esto lo vemos en toda nuestra sociedad, desde pequeños chatbots de AI realmente interesantes cuando intentas actualizar los detalles de tu tarjeta de crédito hasta la fantasía de Terminator y Skynet tomando el control del mundo.

Así que ese es un amplio rango de AI. Así que desglosémoslo en algunos términos reales que podemos usar para definir qué es AI. Y realmente hay tres tipos de AI que voy a mencionar. En realidad, hay muchos más términos alrededor de AI. Obviamente, un experto en AI probablemente podría entrar en más detalles. Pero para esta presentación, quiero señalar tres tipos principales. AI estrecha, AI general y AI superinteligente.

Ahora, esta presentación podría fácilmente profundizar en cada una de estas áreas de subtipos. Pero eso consumiría todo nuestro tiempo. Para esta presentación, realmente nos vamos a centrar en AI estrecha y qué es exactamente. Así que AI estrecha es realmente un tipo de AI que realiza tareas específicas y no aprende nada más allá de eso. Una cosa a tener en cuenta es que la mayoría de la AI que estamos viendo en la industria en este momento que nos entusiasma mucho es solo AI estrecha. Y ves AI estrecha en tantas aplicaciones diferentes, desde autos autónomos hasta software de reconocimiento facial e incluso esos geniales robots que juegan al ajedrez y vencen a los grandes maestros en ajedrez. Pero todos estos son AI estrecha en aplicación.

2. Generative AI and Achievements in Accessibility

Short description:

La AI generativa es una extensión de la AI estrecha que genera contenido basado en grandes cantidades de datos. Ejemplos incluyen live-chat GPT, Copilot, Midjourney y Synthesia. La accesibilidad se centra en habilitar el acceso a servicios y herramientas para personas con discapacidades. La AI ha facilitado enormemente la escritura a través de herramientas como Chat GPT.

Ahora algunos de ustedes probablemente tengan curiosidad sobre la AI generativa, LLMs y esos modelos de lenguaje grandes, ¿cómo funcionan y qué tipo de AI son? Bueno, la AI generativa es realmente solo un subconjunto, una extensión de la AI estrecha con el propósito de generar contenido basado en grandes cantidades de datos en los que ha sido entrenada. Así que sigue siendo AI estrecha. Está destinada a hacer un conjunto muy específico de cosas, pero simplemente reproducirlo generando contenido.

Y hay mucho contenido en el mercado que está haciendo eso hoy en día, live-chat GPT, Copilot, aplicándolo de diferentes maneras, Midjourney para generar imágenes, y Synthesia. Me alegra haberlo dicho correctamente. Pero Synthesia genera videos. No lo he probado, pero fue realmente interesante, así que lo incluí en esta presentación. Así que eso es AI, y esta presentación se va a centrar en la AI estrecha.

Vamos a cambiar ligeramente y hablar sobre accesibilidad. ¿Y qué es la accesibilidad solo para definirla para nosotros? Bueno, accesibilidad simplemente significa la capacidad de acceder. Típicamente se centra en habilitar el acceso a servicios y herramientas sociales y comunitarios para personas con discapacidades. Puedes pensar en la accesibilidad en términos de los subtítulos que ves en tus programas de Netflix. O las puertas de accesibilidad motorizadas cuando entras en este centro de conferencias. Y muchos desarrolladores, especialmente nosotros los desarrolladores web, cuando estamos trabajando y tratando de hacer que nuestro código sea accesible, generalmente nos centramos en asegurar que nuestro código pueda ser captado por diferentes herramientas accesibles como click... Vamos. Ahí. Ups. Está fallando. Un segundo. ¡Boop! Bien. Lectores Braille. Sí. Una de las herramientas en las que tengo que trabajar en el trabajo es asegurarme de que mi sitio web funcione con lectores Braille y lectores de pantalla como NVIDIA, JAWS, VoiceOver, y muchos más. Pero estas son algunas cosas buenas en las que pensar cuando hablamos de accesibilidad.

Ahora pasemos a la parte emocionante de la presentación. Hablando de todos los logros en accesibilidad con la ayuda de AI. Una gran cosa que quiero destacar es que la AI ha hecho que escribir sea mucho más fácil para muchas personas. Chat GPT, una herramienta para ayudarnos a escribir ensayos, escribir cartas y correos electrónicos. No sé ustedes, pero detesto escribir correos electrónicos. Y así, Chat GPT ha sido muy útil para mí.

3. AI Advancements in Accessibility

Short description:

La AI ha hecho que las reuniones sean más accesibles, ha proporcionado avances en aplicaciones de texto a voz como Speechify para personas con dislexia, ha mejorado las herramientas de subtitulado y traducción, aplicaciones de comando de voz como voice access y voice control, reconocimiento de imágenes y aplicaciones para usuarios con discapacidad visual. Mira el video de Be My Eyes para ver una demostración de estos avances.

Pero también ha sido muy útil para una amplia gama de personas que no disfrutan escribir o tienen discapacidades y limitaciones en torno a la escritura de contenido. Las reuniones también son mucho más accesibles. No sé si lo has notado, pero algunas reuniones ahora tienen esta opción de resumen de reunión donde resumiré la reunión para que las personas no tengan que tomar sus propias notas y se proporcionan para los usuarios.

También ha habido algunos avances realmente interesantes en aplicaciones de texto a voz como Speechify que es realmente útil para personas con dislexia. Todo eso ha sido útil con AI. También ha habido algunos avances realmente geniales con el reconocimiento de voz, mejoras en el subtitulado y herramientas de traducción. Así que ahora nuestras opciones de subtitulado y traducción son mucho más eficientes y mucho más exactas. También hay mejoras en las aplicaciones de comando de voz, como voice access y voice control que los usuarios que no usan mouse o teclado pueden usar sus comandos de voz para interactuar con su dispositivo. Y ahora es mucho más eficiente.

También ha habido algunas cosas interesantes con el reconocimiento de imágenes y la capacidad de reconocer imágenes con mucha más eficiencia y mucha más precisión. Y ha habido algunos avances interesantes en aplicaciones para usuarios con discapacidad visual que utilizan para navegar por el mundo que los rodea. Ahora voy a reproducir para ustedes un video de Be My Eyes que mostrará una demostración realmente interesante de esto. ¿Tienen el video listo? Soy Andy Lane de Be My Eyes y estoy a punto de emprender un viaje que puede cambiar vidas en todo el mundo. La visión es un sentido tan dominante para la mayoría de nosotros. Nuestros ojos nos proporcionan un flujo interminable de información. Pero es algo diferente para mí. Soy ciego, así que he tenido que aprender nuevas habilidades y usar soluciones alternativas para vivir mi vida sin vista.

4. Experiencing London Through AI

Short description:

Estoy usando el modelo más nuevo de OpenAI y la interfaz de voz para imaginar el mundo a través de una conversación con una AI. Puedo visualizar lugares famosos en Londres como el Tower Bridge y el Big Ben. El Rey está en residencia en el Buckingham Palace. Incluso puedo observar patos deslizándose por el agua y llamar un taxi.

Todavía pienso visualmente, pero tengo que construir las imágenes en mi mente a través de otros medios. Hoy, sin embargo, estoy experimentando algo nuevo. Estoy usando el modelo más nuevo de OpenAI y la interfaz de voz para imaginar el mundo a través de una conversación con una AI.

Bonitas gafas de sol. Definitivamente añaden un factor de frescura.

Oh, gracias. ¿Qué hay frente a mí en este momento? Estás mirando un hermoso día soleado junto al río Támesis en Londres. Justo frente a ti está el Tower Bridge, uno de los puentes más famosos del mundo con sus majestuosas torres gemelas y cables de suspensión azules.

Eso es perfecto. ¿Puedes decirme si el puente está arriba o abajo en este momento? El puente está abajo en este momento. Mientras la AI habla, mi mente está construyendo una imagen visual. Ahora estoy apreciando realmente la majestuosidad y escala de algunos de los lugares de Londres mientras me los describen.

Dime qué puedes ver. Puedo ver la parte superior del Big Ben asomándose entre los árboles. Tiene ese diseño clásico neogótico con las caras del reloj reconocibles en cada uno de sus cuatro lados. Es un hito tan icónico, ¿verdad? Puedo visualizar los lugares icónicos que tantos visitantes vienen a ver a Londres.

¿Está el Rey en residencia en este momento? Sí. Parece que el Rey está en residencia ahora mismo. La bandera Royal Standard está ondeando sobre el Buckingham Palace, que es la señal de que el monarca está presente. Qué emocionante estar allí mientras el Rey está en casa.

Intenta decirme exactamente qué están haciendo ahora mismo, por favor. Ahora mismo, los patos se deslizan suavemente por el agua. Se mueven de manera bastante relajada, sin prisa. Ocasionalmente, uno de ellos sumerge su cabeza bajo el agua, probablemente buscando comida, y luego vuelve a salir. Incluso sé cuándo viene un taxi con su luz naranja encendida. Creo que lo llamaré para ir a casa. Sí, acabo de ver uno ahora mismo. Se dirige hacia el lado izquierdo de la carretera. Prepárate para hacerle señas. Gran trabajo llamando a ese taxi.

5. AI in Accessibility and Challenges

Short description:

Estoy emocionado de que las personas ciegas pronto tendrán acceso al modelo más nuevo de OpenAI a través de Be My Eyes. La IA tiene un gran potencial para mejorar la accesibilidad, pero es importante no reemplazar a los expertos en conocimiento como diseñadores y redactores de contenido. Los ingenieros aún necesitan construir sitios web correctamente. Los desafíos con la IA incluyen el sesgo implementado que amplifica los sesgos en la sociedad.

Parece que estás listo para ir. Ese es un buen perro ahí, liderando el camino hacia el taxi. Viajes seguros.

Las personas ciegas de todo el mundo tienen vidas ricas y plenas, pero puede ser mucho más difícil sin vista. Pero mi experiencia hoy me ha dado una sensación abrumadora de poder y alegría, y estoy tan emocionado de que otras personas ciegas de todo el mundo pronto tendrán acceso al modelo más nuevo de OpenAI a través de Be My Eyes.

Creo que es un poco como un coche sin conductor. Parece que es mucho para asimilar, pero en el instante en que lo asimilas, simplemente se vuelve completamente normal. Y esa normalidad está, como, tan llena de esperanza y optimismo. Sí. Sí. Tiene sentido. Me encanta ese video. Fui demasiado lejos. Y más allá de eso, hay muchas más aplicaciones interesantes que están sucediendo por ahí. Hay mejoras en las interacciones con lectores de pantalla, también hay algunas formas realmente interesantes en que Copilot puede dar sugerencias de código accesible para desarrolladores, y mucho más.

Esta presentación podría haberse convertido fácilmente en solo un gran video de publicidad de todas las cosas interesantes que están sucediendo en la IA. Pero como cualquier herramienta en una aplicación, hay algunas preocupaciones definitivas con la IA que muchos expertos en este campo están obviamente bastante preocupados.

La primera cosa que quiero señalar con el uso de la IA es que la IA no reemplaza a los expertos en conocimiento. Es realmente importante que si estamos usando IA, no usemos eso como una razón general para no contratar a expertos experimentados como nuestros diseñadores y redactores de contenido. Nuestros diseñadores y redactores de contenido son profesionales importantes que saben cómo escribir texto alternativo preciso para imágenes y dar información precisa sobre cómo construir nuestros sitios web y usar el texto correcto para informar a nuestros usuarios. Y aunque la IA puede adivinar la estructura de tu sitio web para ser la mejor para tus usuarios, realmente se acerca o reemplaza la necesidad de que nuestros diseñadores y redactores de contenido construyan esas experiencias.

Además, los ingenieros, nosotros, todavía necesitamos saber cómo construir correctamente nuestros sitios web. Sigue siendo importante que los ingenieros aprendan a escribir código HTML compatible y preciso para que funcione con lectores de pantalla y otras herramientas de asistencia. Y aunque la IA podría ser capaz de dar una buena sugerencia sobre cómo escribir un botón que será accesible para todas las aplicaciones, rara vez es útil cuando estás tratando de crear widgets personalizados como una calculadora gráfica. Eso es algo en lo que mi equipo ha estado trabajando.

E incluso si contrataste a todos los profesionales correctos para ser participantes y trabajar y construir este producto, todavía hay desafíos con la IA. Hay mucho sesgo implementado dentro del sistema en el que se construye la IA. Recuerda lo que estábamos hablando antes. La IA que estamos viendo más en la industria en este momento es IA estrecha, es decir, está entrenada en un conjunto muy limitado de tareas y puede reproducir cosas que son muy amplias y muy interesantes, como modelos de lenguaje grandes, pero todavía se está construyendo a partir de datos que estamos alimentando al motor de IA. Y como resultado, tiende a amplificar muchos de los sesgos que existen dentro de nuestra sociedad, como raza, género, y eso incluye discapacidades.

6. Challenges and Solutions in AI Accessibility

Short description:

Si una IA entiende las características del usuario, tiende a tratarlos de manera diferente. Los errores e inexactitudes de la IA siguen siendo desafíos. La codificación adecuada de HTML y las herramientas de accesibilidad pueden ayudar a mejorar la accesibilidad. Las pruebas automatizadas y la retroalimentación de los usuarios son esenciales para mejorar la accesibilidad.

Además de eso, si una IA es capaz de entender quién es su usuario basándose en su raza, género, o discapacidad, la IA tiende a tratar a ese usuario de manera diferente y no siempre para mejor. También hay grandes errores dentro de la IA. Mientras que la IA, estamos tratando de construirla para que sea mucho más eficiente, más precisa, en este momento en la industria, todavía estamos tratando de avanzar en esta dirección de lograr que la IA entienda cuán confiada está en su salida.

El ejemplo anterior sobre Be My Eyes, no sé cómo funciona la aplicación, pero hay un nivel de confianza muy diferente que necesitas que el motor de IA tenga entre escribir texto alternativo para una imagen en tu sitio web versus describir la calle y si puedes cruzarla. Ambas opciones tienen niveles de riesgo muy diferentes, y si vas a construir una aplicación que sea importante para un usuario y tenga preocupaciones de seguridad, necesitas asegurarte de que la IA pueda dar resultados precisos.

Y además de todo eso, muchos usuarios pueden confiar demasiado en los resultados de la IA, incluso cuando la información es inexacta o muy perjudicial para los usuarios. Entonces, si la IA no es esta respuesta perfecta y general, si no podemos simplemente entregarle a la IA las llaves para hacer todo accesible, ¿cuál es la cosa que necesitamos hacer aquí? Bueno, aquí hay algunas cosas que puedes hacer como ingeniero. Primero, puedes limpiar tu HTML. La mayoría de los problemas que hay en la web en este momento son resultado de HTML incorrecto usando las etiquetas incorrectas, atributos incorrectos, y si puedes revisar y limpiar y escribir código bien estructurado, vas a solucionar muchos de los problemas que afectan a nuestros usuarios.

Además, obtén una herramienta de navegador de accesibilidad. Yo uso Axe Core Browser Extension. También uso Accessibility Insights for the Web, que es un producto de Microsoft. Incluso he probado un poco Lighthouse. Usar estas herramientas te permitirá escanear sitios web que estás navegando y ver cuáles son los problemas, especialmente cuando estás desarrollando. Y por favor, si hay una gran conclusión, por favor agrega pruebas automatizadas a tu flujo de desarrollo. Es una cosa realmente fácil de detectar errores de accesibilidad antes de que los envíes a producción y causen muchos de esos problemas que ves en todo tu sitio web.

Hay tantas aplicaciones que puedes conectar a tu flujo de trabajo. Incluí algunas aquí como Axe Core, Lighthouse CLI, Selenium de Deque, pero también he escuchado incluso en esta conferencia, personas usando Plywright y las extensiones de accesibilidad que tienen allí. Te animo a que lo revises. Ahora digamos que no eres un ingeniero y estás aquí en esta conferencia. Bienvenido. Si eres una organización, te animo encarecidamente a que entiendas tu nivel de cumplimiento y identifiques lo que necesitas para entender cuál es tu nivel de cumplimiento.

Y luego, después de eso, profundiza en todos los problemas que tus clientes están viendo y experimentando en tu sitio web. Y si tienes algo de dinero dentro de tu presupuesto para contratar expertos en accesibilidad, por favor contrata expertos en accesibilidad. Contrátalos en ingeniería, gestión de proyectos, diseño, investigación de usuarios y pruebas. Estas son todas áreas en las que si tienes un experto en accesibilidad en el personal, pueden darte el mejor consejo sobre cómo hacer un código realmente limpio y conforme y una experiencia realmente buena para tus clientes. Además, escucha a tus usuarios. Si tienes la capacidad de recopilar comentarios de tus clientes, hazlo. O si el mejor de los casos, realiza estudios de usuarios para que naveguen por tu sitio usando cualquier herramienta que necesiten y obtén comentarios honestos sobre cuán accesible es tu sitio, qué es interesante, qué es claro, y qué es confuso y no funciona.

Y en general, mi punto principal en esta presentación es simplemente usar la IA estratégicamente.

7. AI as a Tool with Limitations

Short description:

La IA es una herramienta que se puede usar para generar texto alternativo para imágenes y mejorar la eficiencia. Sin embargo, tiene limitaciones y los resultados deben ser cuidadosamente evaluados. La IA no es una respuesta mágica y debe usarse estratégicamente dentro de las aplicaciones.

No estoy diciendo que no debas usar IA. Como puedes ver, hay muchos avances realmente geniales y formas en que la IA es muy útil. Pero en general, la IA realmente es solo una herramienta. Así que úsala. Úsala para ayudar a generar texto alternativo para imágenes de bajo nivel. Haz que tus diseñadores y redactores de contenido la usen para hacerlos más eficientes en su trabajo. Pero solo sé consciente de sus limitaciones y de lo que está destinada a hacer y lo que no puede hacer. Y evalúa minuciosamente esos resultados.

En general, la IA realmente no es la respuesta mágica. Pero la verdadera respuesta es que la IA es una herramienta, y solo necesitamos usar... Usarla inteligentemente dentro de nuestras aplicaciones sin dejar que se descontrole.

Aquí están mis recursos para esta charla. Te animo a leer estos artículos. Son muy perspicaces. No pude incluir toda su información. Y si quieres contactarme, aquí está el código QR para mis diapositivas. Mi nombre es Kat Johnson, y muchas gracias por escuchar mi charla.

QnA

Risks of AI Generated Code and Favorite Resources

Short description:

El código generado por IA tiene el riesgo de degradar la accesibilidad y el tamaño de la web con el tiempo debido a la proliferación de copiar y pegar código sin la revisión adecuada. Los desarrolladores deben usar el código generado por IA como punto de partida, pero con precaución. Se menciona a agentes web como Claude, y el orador expresa familiaridad con las pautas de accesibilidad WCAG como un recurso favorito para los ingenieros.

Esta es una muy buena pregunta. ¿Sientes que el código generado por IA tiene el riesgo de degradar la accesibilidad y el tamaño de la web con el tiempo porque la gente está copiando y pegando código con poca revisión? Esa es una gran preocupación mía. Es una gran razón por la que creé esta presentación. Porque el código generado por IA, a veces es muy útil. Y a veces puede perpetuar malentendidos sobre cómo estructurar el código. No estoy muy preocupado por, digamos, ayudar a generar un botón. Porque generalmente está bastante bien. Pero mi preocupación es la proliferación de copiar y pegar código que no está verificado y no es la forma correcta. Y es solo lo que ese motor de IA ha sido entrenado para hacer. Y basado en todos los datos que he recopilado es cómo escribir un botón. Pero, ¿realmente recopilaron ese botón empíricamente con la sintaxis adecuada? ¿O es solo lo que la mayoría de los desarrolladores usan? Y ahí es donde está el miedo.

Así que estás diciendo que hay un riesgo. Y la gente puede usar eso como un punto de partida. Pero úsalo con precaución. Correcto. Siguiente pregunta. ¿Funcionarán mejor los agentes web como Claude con sitios web ya accesibles? Oh, espera. ¿Qué? Este es el que destaqué. Claude. No estoy familiarizado con Claude. Tal vez sea algo que deba revisar.

Bien. A la siguiente de Ben. ¿Cuáles son tus recursos favoritos para ingenieros que buscan profundizar en el tema de la accesibilidad? Oh, Dios mío. Colecciono tantos enlaces. Así que si alguna vez quieres contactarme y decirme, quiero tus recursos, te daré un volcado de datos de todos los sitios web que sigo. Pero realmente me encanta usar las pautas de accesibilidad WCAG. Algunas de ellas son un poco extensas. Algunas de ellas son bastante buenas. Pero tienen una documentación sobre patrones generales en la web.

Advocating for AI Ethics and Accessibility

Short description:

WCAG proporciona buenos ejemplos para crear contenido accesible. Se recomienda abogar por la ética de la IA dentro de la organización y crear grupos más pequeños para defender la accesibilidad. Consultar con expertos o contratar consultores puede ayudar a garantizar la accesibilidad. Trabajar con empresas de consultoría puede ser útil si no es factible contratar personal a tiempo completo. En empresas más pequeñas, los voluntarios a menudo asumen la accesibilidad como un proyecto paralelo, lo que requiere un esfuerzo adicional en comparación con otros miembros del equipo.

Y aunque su documentación no es perfecta, dan muy buenos ejemplos sobre cómo hacer contenido clicable, cómo hacer diferentes navegaciones por pestañas. Muchas sugerencias sobre cómo escribir widgets semánticamente precisos. Soy un gran fan de visitar el sitio web de WCAG. A veces solo leyendo la definición, no sé cómo debería sonar en un lector de pantalla. Así que voy a WCAG y tengo su ejemplo y uso el lector de pantalla en ellos y comparo cómo suena. Me encanta usarlos. Sí, lo recomiendo mucho. Bien. Así que somos grandes fans de WCAG. Bien.

Entonces, ¿sientes cómo recomiendas que alguien pueda convertirse en un defensor de la IA y asegurarse de que los interesados no intenten reemplazar a un experto con IA? Esa es una pregunta difícil. Estamos tratando de hacerte preguntas difíciles. Sí. Déjame pensar. ¿Puedes hacer esa pregunta de nuevo? Sí. Entonces, ¿cómo recomiendas, así que te estoy haciendo hacer como un ejercicio de cuello, cómo recomiendas cómo alguien puede convertirse en un defensor de la IA y asegurarse de que los interesados no intenten reemplazar a un experto con IA? Creo que, ya sabes, una cosa que hacemos dentro de Khan Academy es que tenemos un grupo sub-equipo de ética y IA. No es como un equipo formal contratado por la empresa. Es más un equipo improvisado de personas interesadas en la IA y también en abogar por la ética dentro de nuestra organización. Así que creo que crear esos grupos más pequeños dentro de tu empresa para unirse y abogar por ciertas cosas es la mejor manera que conozco ahora mismo. Pero si también estás construyendo en el espacio de la IA y trabajando en estas aplicaciones, abogar y presionar por el consejo de expertos mientras construyes cosas y reconocer que, oye, no sé cómo construir esto de la manera correcta que va a ser accesible. ¿Podemos consultar con alguien que sea un experto o podemos obtener algo de financiación para contratar consultores para asesorar en esta área? Creo que ese es un muy buen punto.

¿El grupo de expertos en accesibilidad en tu empresa, hacen eso a tiempo completo o es como su proyecto paralelo? Tenemos una mezcla. Tenemos algunas personas en el personal que tienen títulos como, por ejemplo, ingeniero de software senior de accesibilidad o arquitecto de front end con accesibilidad. Pero en combinación con esos expertos que hemos contratado a tiempo completo, también coordinamos con Level Access, una firma de consultoría que evalúa nuestro sitio y nos da retroalimentación sobre cómo hacer nuestro sitio más accesible. Así que si no tienes capacidad para, como, contratar personas a tiempo completo, incluso solo trabajar con algunas empresas de consultoría puede ser realmente útil. Sí. Totalmente. Creo que una cosa que, por mi experiencia trabajando en empresas más pequeñas, es que cuando no tienes los recursos para contratar a alguien a tiempo completo, terminas teniendo un grupo de personas que voluntariamente dedican su tiempo de proyecto paralelo a ello. Y así, mucho cambio de contexto, y ¿cómo haces eso? Parece que ese grupo de personas termina simplemente tomando, como, tiempo para aprender accesibilidad y muchas veces terminan haciendo, como, más trabajo en comparación con otras personas. Correcto.

Advocating for Accessibility and Collecting Data

Short description:

Abogar por la accesibilidad y proteger tu propio tiempo son ambos importantes. Recopilar datos sobre el impacto de las mejoras de accesibilidad en Khan Academy implica probar con clientes, hacer mejoras y realizar estudios de usuarios para obtener retroalimentación. Diferentes roles cubren la ingeniería y las pruebas humanas.

Eso siempre es difícil. Sí. Siempre soy de los que abogan por tu tiempo como desarrollador. Como, la accesibilidad es súper importante, y sé que podría fácilmente pasar todo mi tiempo trabajando en problemas de accesibilidad, pero también los problemas más grandes dentro del sitio web no van a ser resueltos por una sola persona dentro de la empresa. Así que abogar por un cambio mientras también proteges tu propio tiempo es primordial. No es fácil. No es una elección fácil. No es fácil decir no. Como, es difícil para mí decir no. Sí. Así que protege la accesibilidad y protégete a ti mismo.

Sí. Entendido. Bien. Siguiente pregunta. Esto es específico para tu empresa. ¿Cómo recopilas datos sobre el impacto de las mejoras de accesibilidad en Khan Academy? Oh, gran pregunta. Tenemos un... Creo que los acabamos de contratar, o los hemos tenido por un tiempo, pero estamos tratando de entrar en el flujo de probar nuestra accesibilidad en nuestros clientes, y actualmente estamos haciendo mucho trabajo para hacer que nuestros widgets de matemáticas y ciencias sean más accesibles. De hecho, ahí es donde fui contratado en Khan Academy, como parte de ese esfuerzo. Y así hemos hecho algunos grandes avances y grandes mejoras, y vamos a realizar algunos estudios de usuarios con esos clientes y recopilar retroalimentación sobre si el gráfico es más intuitivo o qué cosas serían mejores para hacer que sea una experiencia realmente clara. Pero no soy un probador de usuarios, así que no sé cómo encuentran clientes para hablar. Esa no es mi área de especialización. Usualmente soy la persona que viene y dice, aquí está lo que creamos. Ve a probar. Sí.

Accessibility Concerns and LLMs

Short description:

Existen preocupaciones de accesibilidad específicas al trabajar en una gran plataforma educativa. Se está explorando la posibilidad de encontrar dos LLMs para accesibilidad. La funcionalidad de generación de código de Copilot puede ser útil en pequeñas instancias, pero aún no es perfecta.

Así que cubres la parte de ingeniería, pero también hay personas que cubren más las pruebas humanas. Correcto. Exactamente.

Eso es bueno. Bien. Bien. ¿Crees que encontrar dos LLMs para accesibilidad podría estar disponible pronto? ¿Qué fue eso? Oh, LLMs. Sí. El de arriba. Sí. Potencialmente. Definitivamente es un área con la que necesito experimentar. No suelo usar la funcionalidad de generación de código de Copilot todavía, principalmente porque a veces no la encuentro útil. Siento que solo empeora el código, personalmente. Pero estoy seguro de que, con el tiempo, serán cada vez más precisos. Y pueden ser útiles en pequeñas instancias. Nuevamente, como, oh, ¿cómo puedo hacer que este widget de botón sea más accesible? Probablemente pueda reescribirlo para incluir algunos atributos alt o etiquetado ARIA. Eso será realmente útil. Sí. Así que solo mejorará con el tiempo. Solo es ser consciente de que aún no es perfecto. Así que no esperes que los resultados sean la forma de hacer las cosas. Así que será útil, pero no, punto.

Bien. Sí. Tenemos tiempo para solo una pregunta más. Esta es de Ben. Gracias, Ben, por enviar la pregunta. ¿Existen preocupaciones de accesibilidad específicas al trabajar en una gran plataforma educativa? Oh, sí. Hay.

Accessing Education for All

Short description:

La misión de Khan Academy es proporcionar educación accesible para todos. Están trabajando en mejorar la accesibilidad a través de una migración masiva y la solución estratégica de los problemas más grandes. El enfoque está en hacer que la educación y la tecnología educativa sean más inclusivas. Gracias a Cat por su tiempo y felicitaciones por el trabajo realizado.

Hay muchas preocupaciones de accesibilidad. Una cosa que realmente me atrajo de Khan Academy fue su misión de crear educación global para todos. Y siento que necesitamos añadir educación accesible para todos. Así que Khan Academy ha existido durante mucho tiempo, y muchas personas han encontrado mucho uso valioso en ella. Y soy parte de un gran esfuerzo dentro de la empresa para ayudar a mejorar mucho la accesibilidad. Está un poco desordenado ahora mismo, pero está bien, porque estamos trabajando en ello. Pero estamos haciendo una migración masiva para hacer las cosas mucho más accesibles e inclusivas para la educación y para las personas de todo el mundo. Y estamos haciendo un trabajo realmente emocionante con las escuelas.

Así que sí, la accesibilidad dentro de la educación y la tecnología educativa es tan primordial. No siempre obtienes todos los recursos para hacerlo accesible, pero cuando lo haces, intentas ser estratégico con tu tiempo para solucionar los problemas más grandes que afectan a los clientes. Y luego, después de eso, ganancias incrementales para mejorar cada vez más la experiencia para los clientes. Así que intenta cubrir el mayor terreno posible y luego afinar después de eso. Exactamente.

Genial. Bueno, quiero agradecerte por tu tiempo hoy. Fue muy agradable hablar contigo y me encanta el atuendo de Lemon. Así que si tienes más preguntas para Cat, asegúrate de encontrarla afuera o en la sala de preguntas y respuestas. Estoy seguro de que hubo muchas más preguntas a las que no llegamos. Así que todos den un aplauso para Cat. Gracias. Gracias.

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

No resuelvas problemas, elimínalos
React Advanced 2021React Advanced 2021
39 min
No resuelvas problemas, elimínalos
Top Content
Kent C. Dodds discusses the concept of problem elimination rather than just problem-solving. He introduces the idea of a problem tree and the importance of avoiding creating solutions prematurely. Kent uses examples like Tesla's electric engine and Remix framework to illustrate the benefits of problem elimination. He emphasizes the value of trade-offs and taking the easier path, as well as the need to constantly re-evaluate and change approaches to eliminate problems.
Uso efectivo de useEffect
React Advanced 2022React Advanced 2022
30 min
Uso efectivo de useEffect
Top Content
Today's Talk explores the use of the useEffect hook in React development, covering topics such as fetching data, handling race conditions and cleanup, and optimizing performance. It also discusses the correct use of useEffect in React 18, the distinction between Activity Effects and Action Effects, and the potential misuse of useEffect. The Talk highlights the benefits of using useQuery or SWR for data fetching, the problems with using useEffect for initializing global singletons, and the use of state machines for handling effects. The speaker also recommends exploring the beta React docs and using tools like the stately.ai editor for visualizing state machines.
Sistemas de Diseño: Caminando la Línea Entre Flexibilidad y Consistencia
React Advanced 2021React Advanced 2021
47 min
Sistemas de Diseño: Caminando la Línea Entre Flexibilidad y Consistencia
Top Content
The Talk discusses the balance between flexibility and consistency in design systems. It explores the API design of the ActionList component and the customization options it offers. The use of component-based APIs and composability is emphasized for flexibility and customization. The Talk also touches on the ActionMenu component and the concept of building for people. The Q&A session covers topics such as component inclusion in design systems, API complexity, and the decision between creating a custom design system or using a component library.
Concurrencia en React, Explicada
React Summit 2023React Summit 2023
23 min
Concurrencia en React, Explicada
Top Content
React 18's concurrent rendering, specifically the useTransition hook, optimizes app performance by allowing non-urgent updates to be processed without freezing the UI. However, there are drawbacks such as longer processing time for non-urgent updates and increased CPU usage. The useTransition hook works similarly to throttling or bouncing, making it useful for addressing performance issues caused by multiple small components. Libraries like React Query may require the use of alternative APIs to handle urgent and non-urgent updates effectively.
Gestión del Estado de React: 10 Años de Lecciones Aprendidas
React Day Berlin 2023React Day Berlin 2023
16 min
Gestión del Estado de React: 10 Años de Lecciones Aprendidas
Top Content
This Talk focuses on effective React state management and lessons learned over the past 10 years. Key points include separating related state, utilizing UseReducer for protecting state and updating multiple pieces of state simultaneously, avoiding unnecessary state syncing with useEffect, using abstractions like React Query or SWR for fetching data, simplifying state management with custom hooks, and leveraging refs and third-party libraries for managing state. Additional resources and services are also provided for further learning and support.
TypeScript y React: Secretos de un matrimonio feliz
React Advanced 2022React Advanced 2022
21 min
TypeScript y React: Secretos de un matrimonio feliz
Top Content
React and TypeScript have a strong relationship, with TypeScript offering benefits like better type checking and contract enforcement. Failing early and failing hard is important in software development to catch errors and debug effectively. TypeScript provides early detection of errors and ensures data accuracy in components and hooks. It offers superior type safety but can become complex as the codebase grows. Using union types in props can resolve errors and address dependencies. Dynamic communication and type contracts can be achieved through generics. Understanding React's built-in types and hooks like useState and useRef is crucial for leveraging their functionality.

Workshops on related topic

Masterclass de Depuración de Rendimiento de React
React Summit 2023React Summit 2023
170 min
Masterclass de Depuración de Rendimiento de React
Top Content
Featured Workshop
Ivan Akulov
Ivan Akulov
Los primeros intentos de Ivan en la depuración de rendimiento fueron caóticos. Vería una interacción lenta, intentaría una optimización aleatoria, vería que no ayudaba, y seguiría intentando otras optimizaciones hasta que encontraba la correcta (o se rendía).
En aquel entonces, Ivan no sabía cómo usar bien las herramientas de rendimiento. Haría una grabación en Chrome DevTools o React Profiler, la examinaría, intentaría hacer clic en cosas aleatorias, y luego la cerraría frustrado unos minutos después. Ahora, Ivan sabe exactamente dónde y qué buscar. Y en esta masterclass, Ivan te enseñará eso también.
Así es como va a funcionar. Tomaremos una aplicación lenta → la depuraremos (usando herramientas como Chrome DevTools, React Profiler, y why-did-you-render) → identificaremos el cuello de botella → y luego repetiremos, varias veces más. No hablaremos de las soluciones (en el 90% de los casos, es simplemente el viejo y regular useMemo() o memo()). Pero hablaremos de todo lo que viene antes - y aprenderemos a analizar cualquier problema de rendimiento de React, paso a paso.
(Nota: Esta masterclass es más adecuada para ingenieros que ya están familiarizados con cómo funcionan useMemo() y memo() - pero quieren mejorar en el uso de las herramientas de rendimiento alrededor de React. Además, estaremos cubriendo el rendimiento de la interacción, no la velocidad de carga, por lo que no escucharás una palabra sobre Lighthouse 🤐)
Consejos sobre React Hooks que solo los profesionales conocen
React Summit Remote Edition 2021React Summit Remote Edition 2021
177 min
Consejos sobre React Hooks que solo los profesionales conocen
Top Content
Featured Workshop
Maurice de Beijer
Maurice de Beijer
La adición de la API de hooks a React fue un cambio bastante importante. Antes de los hooks, la mayoría de los componentos tenían que ser basados en clases. Ahora, con los hooks, estos son a menudo componentes funcionales mucho más simples. Los hooks pueden ser realmente simples de usar. Casi engañosamente simples. Porque todavía hay muchas formas en las que puedes equivocarte con los hooks. Y a menudo resulta que hay muchas formas en las que puedes mejorar tus componentes con una mejor comprensión de cómo se puede usar cada hook de React.Aprenderás todo sobre los pros y los contras de los diversos hooks. Aprenderás cuándo usar useState() versus useReducer(). Veremos cómo usar useContext() de manera eficiente. Verás cuándo usar useLayoutEffect() y cuándo useEffect() es mejor.
React, TypeScript y TDD
React Advanced 2021React Advanced 2021
174 min
React, TypeScript y TDD
Top Content
Featured Workshop
Paul Everitt
Paul Everitt
ReactJS es extremadamente popular y, por lo tanto, ampliamente soportado. TypeScript está ganando popularidad y, por lo tanto, cada vez más soportado.

¿Los dos juntos? No tanto. Dado que ambos cambian rápidamente, es difícil encontrar materiales de aprendizaje precisos.

¿React+TypeScript, con los IDEs de JetBrains? Esa combinación de tres partes es el tema de esta serie. Mostraremos un poco sobre mucho. Es decir, los pasos clave para ser productivo, en el IDE, para proyectos de React utilizando TypeScript. En el camino, mostraremos el desarrollo guiado por pruebas y enfatizaremos consejos y trucos en el IDE.
Domina los Patrones de JavaScript
JSNation 2024JSNation 2024
145 min
Domina los Patrones de JavaScript
Top Content
Featured Workshop
Adrian Hajdin
Adrian Hajdin
Durante esta masterclass, los participantes revisarán los patrones esenciales de JavaScript que todo desarrollador debería conocer. A través de ejercicios prácticos, ejemplos del mundo real y discusiones interactivas, los asistentes profundizarán su comprensión de las mejores prácticas para organizar el código, resolver desafíos comunes y diseñar arquitecturas escalables. Al final de la masterclass, los participantes ganarán una nueva confianza en su capacidad para escribir código JavaScript de alta calidad que resista el paso del tiempo.
Puntos Cubiertos:
1. Introducción a los Patrones de JavaScript2. Patrones Fundamentales3. Patrones de Creación de Objetos4. Patrones de Comportamiento5. Patrones Arquitectónicos6. Ejercicios Prácticos y Estudios de Caso
Cómo Ayudará a los Desarrolladores:
- Obtener una comprensión profunda de los patrones de JavaScript y sus aplicaciones en escenarios del mundo real- Aprender las mejores prácticas para organizar el código, resolver desafíos comunes y diseñar arquitecturas escalables- Mejorar las habilidades de resolución de problemas y la legibilidad del código- Mejorar la colaboración y la comunicación dentro de los equipos de desarrollo- Acelerar el crecimiento de la carrera y las oportunidades de avance en la industria del software
Diseñando Pruebas Efectivas con la Biblioteca de Pruebas de React
React Summit 2023React Summit 2023
151 min
Diseñando Pruebas Efectivas con la Biblioteca de Pruebas de React
Top Content
Featured Workshop
Josh Justice
Josh Justice
La Biblioteca de Pruebas de React es un gran marco para las pruebas de componentes de React porque responde muchas preguntas por ti, por lo que no necesitas preocuparte por esas preguntas. Pero eso no significa que las pruebas sean fáciles. Todavía hay muchas preguntas que tienes que resolver por ti mismo: ¿Cuántas pruebas de componentes debes escribir vs pruebas de extremo a extremo o pruebas de unidad de nivel inferior? ¿Cómo puedes probar una cierta línea de código que es difícil de probar? ¿Y qué se supone que debes hacer con esa persistente advertencia de act()?
En esta masterclass de tres horas, presentaremos la Biblioteca de Pruebas de React junto con un modelo mental de cómo pensar en el diseño de tus pruebas de componentes. Este modelo mental te ayudará a ver cómo probar cada bit de lógica, si debes o no simular dependencias, y ayudará a mejorar el diseño de tus componentes. Te irás con las herramientas, técnicas y principios que necesitas para implementar pruebas de componentes de bajo costo y alto valor.
Tabla de contenidos- Los diferentes tipos de pruebas de aplicaciones de React, y dónde encajan las pruebas de componentes- Un modelo mental para pensar en las entradas y salidas de los componentes que pruebas- Opciones para seleccionar elementos DOM para verificar e interactuar con ellos- El valor de los mocks y por qué no deben evitarse- Los desafíos con la asincronía en las pruebas de RTL y cómo manejarlos
Requisitos previos- Familiaridad con la construcción de aplicaciones con React- Experiencia básica escribiendo pruebas automatizadas con Jest u otro marco de pruebas unitarias- No necesitas ninguna experiencia con la Biblioteca de Pruebas de React- Configuración de la máquina: Node LTS, Yarn
IA a demanda: IA sin servidor
DevOps.js Conf 2024DevOps.js Conf 2024
163 min
IA a demanda: IA sin servidor
Top Content
Featured WorkshopFree
Nathan Disidore
Nathan Disidore
En esta masterclass, discutimos los méritos de la arquitectura sin servidor y cómo se puede aplicar al espacio de la IA. Exploraremos opciones para construir aplicaciones RAG sin servidor para un enfoque más lambda-esque a la IA. A continuación, nos pondremos manos a la obra y construiremos una aplicación CRUD de muestra que te permite almacenar información y consultarla utilizando un LLM con Workers AI, Vectorize, D1 y Cloudflare Workers.