One Code, Two Challenges: Multiplatform Accessibility with React en es

React Native allows us to develop a single codebase that runs not only on the web but also on mobile platforms, creating a native experience using JavaScript.

React Native simply brings the React programming paradigm to platforms like Android and iOS, but can we say the same when it comes to accessibility?

The way we use, inspect, and test accessibility in native applications is very different from web applications (for example, using inspectors, emulators, and screen readers).

While in React we rely on native HTML semantic elements like button or header, in React Native we need to use specific components and additional properties to achieve accessible behaviors.

In this talk, we’ll tackle the challenge, as web and mobile app developers and designers, of creating usable and accessible experiences for all on both platforms with a single codebase.

React Native allows us to develop a single codebase that runs not only on the web but also on mobile platforms, creating a native experience using JavaScript.

React Native simply brings the React programming paradigm to platforms like Android and iOS, but can we say the same when it comes to accessibility?

Un solo código, dos retos: accesibilidad multiplataforma React Native en es

React Native nos permite desarrollar un único código que se ejecuta no solo en la web, sino también en plataformas móviles, creando una experiencia nativa usando JavaScript.

React Native lleva, de manera muy simple, la forma de programar con React a plataformas como Android e iOS, pero ¿podemos decir lo mismo cuando hablamos de accesibilidad?

La forma de usar, inspeccionar, y testear la accesibilidad de aplicaciones nativas es muy diferente a la de una aplicación web (por ejemplo en inspectores, emuladores, y lectores de pantalla).

Mientras que en React contamos con elementos semánticos nativos del HTML, como button o header, en React Native debemos usar componentes específicos y propiedades adicionales para lograr comportamientos accesibles.

En esta charla resolveremos el reto, como desarrolladores y diseñadores de aplicaciones web y móviles, de desarrollar experiencias usables y accesibles para todos en ambas plataformas con un solo código.

React Native nos permite desarrollar un único código que se ejecuta no solo en la web, sino también en plataformas móviles, creando una experiencia nativa usando JavaScript. React Native lleva, de manera muy simple, la forma de programar con React a plataformas como Android e iOS, pero ¿podemos decir lo mismo cuando hablamos de accesibilidad?

Design Systems and how to use them in an accessible way en

Design systems aren’t just about speeding up development—they’re powerful tools for building accessibility into every layer of a product. This talk dives into how thoughtful use of tokens, semantic HTML, and inclusive design principles can turn your system into an accessibility enabler, not just a UI kit. Learn why “accessible by default” isn’t enough, how small structural decisions impact real users, and why documentation isn’t just nice to have—it’s critical for scaling accessibility across teams. If you want your design system to do more than look good—if you want it to work for everyone—this talk is for you.

Design systems aren’t just about speeding up development—they’re powerful tools for building accessibility into every layer of a product. This talk dives into how thoughtful use of tokens, semantic HTML, and inclusive design principles can turn your system into an accessibility enabler, not just a UI kit. Learn why “accessible by default” isn’t enough, how small structural decisions impact real users, and why documentation isn’t just nice to have—it’s critical for scaling accessibility across teams. If you want your design system to do more than look good—if you want it to work for everyone—this talk is for you.

The A11y Game: when the screen reader is the main character en es

Imagine a game where you don't need a screen to play, that's exactly The A11y Game.

The A11y Game is a screen-reader-first mystery adventure, where the screen reader support isn't an afterthought, it's the platform and the main character. You, a blind detective navigate rooms through sensory description, examine objects by "touch" and "smell", catch liars in the silences between words. The pixel art is a decorative overlay you can switch off without losing a single clue.

We will talk about what's under the hood: a decoupled engine with a data-driven episode registry. Full keyboard support, ARIA live narration, focus-managed transitions, and multilingual content.

Come for the murder mystery, stay for the semantics, the focus management, the architecture of the game, and why the screen reader deserves to be designed for, not designed around.

You can play The A11y Game in http://www.thea11ygame.com/en

The A11y Game is a screen-reader-first mystery adventure you don't need a screen to play. It's a game that flips the default: the screen reader is the main character, the pixel art is optional, and you, a blind detective, will catch the murderer by sound, "touch", and "smell".

Come for the murder mystery, stay for the semantics, the focus management, the architecture of the game, and why the screen reader deserves to be designed for, not designed around.

The A11y Game: cuando el lector de pantalla es el protagonista en es

Imagina un juego en el que no necesitas pantalla para jugar, eso es exactamente The A11y Game.

The A11y Game es una aventura de misterio para lectores de pantalla, donde el lector de pantalla no es un parche al final, es la plataforma y el protagonista. Tú, una detective ciega, recorres habitaciones a través de descripciones sensoriales, examinas objetos mediante el "tacto" y el "olfato", cazas mentirosos en los silencios entre palabras. El diseño "pixel art" es una capa decorativa que puedes desactivar sin perder ni una sola pista.

Hablaremos de lo que hay bajo el capó: un motor desacoplado con un registro de episodios basado en texto. Un juego con soporte completo para navegación por teclado, narración con ARIA live, transiciones con gestión de foco, y contenido multilingüe.

Ven por el misterio y quédate por la semántica, la gestión del foco, la arquitectura del juego, y por qué el lector de pantalla merece que se diseñe para él, no a su alrededor.

Puedes jugar a The A11y Game en http://www.thea11ygame.com/es

The A11y Game es una aventura de misterio screen-reader-first que no necesitas pantalla para jugar. Es un juego que invierte lo establecido: el lector de pantalla es el protagonista, el pixel art es opcional, y tú, una detective ciega, atraparás al asesino por sonido, "tacto" y "olfato".

Ven por el misterio, quédate por la semántica, la gestión del foco, la arquitectura del juego, y por qué el lector de pantalla merece que se diseñe para él, no a su alrededor.

Testing Web Accessibility en

Web Accessibility is not just keyboard navigation, color contrast, or screen readers. Accessibility is a perfect indicator of the quality of a website. When a website is accessible, it usually means that it's inclusive, usable, offers a great user experience for everyone, and is also fast.

Our role as developers is to create clear interfaces for people to understand and care about data, regardless of their disabilities, but we often forget to make sure that the code we write complies with the "Web Content Accessibility Guidelines" (WCAG), and the only way to achieve this is through tests, either manual or automated.

In this talk I will share personal tips and useful tools when testing an application or website looking for web accessibility vulnerabilities.

Web Accessibility is not just keyboard navigation, color contrast, or screen readers. Accessibility is a perfect indicator of the quality of a website. When a website is accessible, it usually means that it's inclusive, usable, offers a great user experience for everyone, and is also fast.

How does your website “sound” like? en

Web Accessibility is not just keyboard navigation, color contrast, or screen readers. Accessibility is a perfect indicator of the quality of a website. When a website is accessible, it usually means that it's inclusive, usable, offers a great user experience for everyone, and is also fast.

Our role as developers is to create clear interfaces for people to understand and care about data, regardless of their disabilities, but we often forget to make sure that the code we write complies with the "Web Content Accessibility Guidelines" (WCAG).

In this talk I will share personal tips and best practices on how to start creating accessible web applications and how to test them using a screen reader.

Testeando Accesibilidad Web es

La accesibilidad web no solo es navegación por teclado, contraste de color, o lectores de pantalla. La accesibilidad es un indicador perfecto de la calidad de un sitio web. Cuando un sitio web es accesible, generalmente significa que es inclusivo, usable, ofrece una excelente experiencia de usuario para todos, y además es rápido.

Nuestro papel como desarrolladores es crear interfaces claras para que las personas entiendan y se preocupen por los datos, independientemente de sus discapacidades, pero a menudo nos olvidamos de asegurarnos de que el código que escribimos cumplan las "Web Content Accessibility Guidelines" (WCAG), y la única forma de lograrlo es mediante test, ya sea manuales o automatizados.

En esta charla compartiré consejos personales y herramientas útiles a la hora de testear una aplicación o sitio web en busca de vulnerabilidades de accesibilidad web.

La accesibilidad web no solo es navegación por teclado, contraste de color, o lectores de pantalla. La accesibilidad es un indicador perfecto de la calidad de un sitio web. Cuando un sitio web es accesible, generalmente significa que es inclusivo, usable, ofrece una excelente experiencia de usuario para todos, y además es rápido.

Este código es una ruina: estrategias de accesibilidad web en proyectos no accesibles es

Es tu primera semana en tu nuevo trabajo, abres tu editor de código, empiezas a investigar el código del producto y te das cuenta de que nadie ha tenido en cuenta la accesibilidad web y el producto es complemente inaccesible.

Empiezas a pensar: ¿Por dónde empezar? ¿Cuál es la mejor estrategia para convertir un producto maduro en un producto accesible? ¿Cómo aplicar los principios de accesibilidad web en un equipo que nunca los tuvo? ¿Qué herramientas uso?

En esta charla compartiré consejos, estrategias, y experiencias personales sobre cómo abordar un proyecto que no es accesible y por dónde empezar para conseguir un producto accesible y un equipo comprometido.

Web accessibility strategies for non-accessible projects en

It's your first week in your new job, you open your code editor, you start investigating the source code, and you realize that nobody has thought about web accessibility and the product is completely inaccessible.

You start thinking: Where should I start? What is the best strategy to turn a mature product into an accessible product? How to apply the principles of web accessibility in a team that never had them? What tools should I use?

In this talk I will share tips, strategies, and personal experiences on how to approach a project that is not accessible and where to start to achieve an accessible product and a committed team.

¿Cómo suena tu sitio web? es

La accesibilidad web no solo es navegación por teclado, contraste de color, o lectores de pantalla. La accesibilidad es un indicador perfecto de la calidad de un sitio web. Cuando un sitio web es accesible, generalmente significa que es inclusivo, usable, ofrece una excelente experiencia de usuario para todos, y además es rápido.

Nuestro papel como desarrolladores es crear interfaces claras para que las personas entiendan y se preocupen por los datos, independientemente de sus discapacidades, pero a menudo nos olvidamos de asegurarnos de que el código que escribimos cumplan las "Web Content Accessibility Guidelines" (WCAG).

En esta charla, compartiré consejos personales y mejores prácticas sobre cómo comenzar a crear aplicaciones web accesibles y cómo testearlas con un lector de pantalla.