Explicar como si fuera tu gerente: Accesibilidad digital

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
Rate this content

¿Estás construyendo servicios digitales dirigidos a consumidores europeos? ¿Ya has oído hablar de la Ley de Accesibilidad Europea? ¿Sabías que probablemente, por ley, estarás obligado a ofrecer funciones accesibles para junio de 2025?


Desarrollar experiencias de usuario inclusivas es un desafío cuando la accesibilidad no tiene la prioridad adecuada. No se trata solo de inclusión, sino de un Retorno de la Inversión (ROI) potencialmente significativo que no se puede ignorar.


Las estadísticas muestran que 1 de cada 4 adultos europeos tiene algún tipo de discapacidad. Imagina poder acceder a un mercado aproximadamente un 25% más grande. Los servicios web accesibles tienen un mejor rendimiento en los resultados de los motores de búsqueda porque la semántica web es clave. Permiten a los usuarios lograr sus objetivos de manera más eficiente, ya que el enfoque está en la experiencia de usuario inclusiva.


Con la entrada en vigor de la Ley de Accesibilidad Europea, la conciencia sobre la accesibilidad digital cambiará. Preveo que la accesibilidad digital estará en el radar de las empresas a partir de 2024 en adelante.


Al final de esta sesión, tendrás los fundamentos para presentar la accesibilidad digital a tus partes interesadas.


Cubriremos qué es la accesibilidad digital, cómo una empresa se beneficiará al invertir en ella y cómo podría ser un programa de accesibilidad maduro, para que puedas iniciar el programa de accesibilidad de tu empresa.

This talk has been presented at JSNation 2024, check out the latest edition of this JavaScript Conference.

Maarten Van Hoof
Maarten Van Hoof
20 min
17 Jun, 2024

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Experimenta los desafíos que enfrentan las personas con discapacidad visual y optimiza las experiencias de usuario para diferentes ventanas gráficas. Comprende la importancia de la accesibilidad digital y sus beneficios para las empresas. Aprende sobre las obligaciones de las empresas de ofrecer funciones accesibles y la correlación entre la accesibilidad y el alcance orgánico en los motores de búsqueda. Descubre los tres pasos fundamentales para trabajar en la accesibilidad y el concepto de accesibilidad continua. Descubre cómo probar, solucionar y orientar problemas de accesibilidad y cómo involucrar a las personas reuniendo a campeones e incorporando la accesibilidad en los flujos de trabajo.

1. Introducción a los desafíos de accesibilidad

Short description:

Gracias a todos por unirse. Experimenta los desafíos que enfrentan las personas con discapacidad visual. Las tecnologías de asistencia hacen que el contenido digital sea accesible. Simula discapacidades visuales para probar sitios web. Optimiza las experiencias de usuario para diferentes tamaños de pantalla. Martin: ingeniero de desarrollo front-end en Ascent, creando una biblioteca de componentes accesibles.

Muy bien, gracias a todos por unirse. Espero que todos estén teniendo un buen día.

Una pregunta rápida para comenzar. ¿Puedes ver o quizás conoces las características de accesibilidad de las monedas de euro? Si es así, avísanos en Discord. Te invito a cerrar los ojos durante el próximo minuto. Vamos a simular una experiencia de sitio web sin el uso de señales visuales. Este ejercicio está diseñado para ayudarnos a comprender los desafíos que enfrentan las personas con discapacidades visuales al acceder a servicios digitales. Si has cerrado los ojos, puedes abrirlos nuevamente.

Acabamos de experimentar una forma en que los humanos interactúan con el sitio web de esta conferencia, jsnation.com, y está siendo leído en voz alta por la tecnología de asistencia de voz que está integrada en los dispositivos Apple. Este es un ejemplo práctico de cómo las tecnologías de asistencia pueden hacer que el contenido digital sea accesible para las personas con discapacidad visual. Lee en voz alta lo que puede leer en tu pantalla. Entonces, si tienes alguna discapacidad visual, aún puedes obtener la información digital. Ten en cuenta que la mayoría de los usuarios reales del lector de pantalla utilizan una velocidad de habla mucho más rápida que la que acabas de experimentar para ahorrar tiempo en la navegación.

Este es el sitio web de JSNation en modo de visión borrosa. Simulamos una discapacidad visual en la que una persona que necesita gafas, como yo, puede ponérselas y experimentar el sitio web de esta manera. Este es un sitio web en modo de bajo contraste. No todos en nuestra sociedad tienen los medios para tener un dispositivo con un contraste de colores impecable como lo tienen las pantallas y los dispositivos premium, o están visitando nuestro sitio web en una condición de iluminación ambiental que no permite que el sitio web se muestre con el contraste de colores correcto. Por ejemplo, si estás afuera en un día muy soleado. La disminución de la agudeza visual está comúnmente relacionada con el envejecimiento, y las personas de cierta edad a menudo comienzan a hacer zoom en todo lo que quieren experimentar digitalmente. Y más de la mitad de los usuarios de la web utilizan un dispositivo móvil con pantallas más pequeñas. Los proveedores deben optimizar las experiencias de usuario para estos tipos de tamaños de pantalla.

Soy Martin. Soy un hombre blanco de aproximadamente 172 centímetros de altura. Tengo una barba corta. Tengo un modesto fauxhawk. Uso gafas gruesas y oscuras. Y además de construir cosas en la plataforma web, también disfruto tocar la guitarra. Preferiblemente a un volumen molesto. Soy un ingeniero de desarrollo front-end en Ascent, que es el proveedor de energía más grande de los Países Bajos. Y en mi rol, me enfoco en crear una component library accesible para ayudar a nuestros ingenieros front-end, quienes desarrollan todo tipo de interfaces para nuestros clientes, para que puedan ofrecer experiencias digitales accesibles.

2. Por qué es importante la accesibilidad digital

Short description:

Asegúrate de crear servicios digitales accesibles. Explica la abreviatura A11y. La accesibilidad digital es una práctica inclusiva. WCAG proporciona un marco para la accesibilidad. Invierte en servicios accesibles para obtener beneficios empresariales. Las estadísticas muestran una alta prevalencia de discapacidad.

Estoy aquí para compartir contigo durante los próximos 15 minutos aproximadamente cómo puedes asegurarte de crear servicios digitales accesibles y convencer a tu equipo, tus interesados o incluso a tu CEO de por qué es importante proporcionar servicios digitalmente accesibles. Deja tus preguntas en los comentarios en la sección de preguntas y respuestas en D-d-d-discard, y después, puedo responderlas.

Ahora, antes de continuar, me gustaría explicar la siguiente abreviatura. Algunos de ustedes o las personas con las que quieran compartir esta charla podrían necesitar familiarizarse con esta. A11y, o Ally, es una abreviatura comúnmente utilizada para accesibilidad. Es un juego de palabras con la palabra accesibilidad que comienza con una A, con la letra A, y termina con la letra Y, y tiene once letras en el medio. Repasaremos el qué, el por qué y el cómo de la accesibilidad digital.

Ahora, ¿qué es la accesibilidad digital? Me gusta usar esta cita del artículo de Wikipedia sobre la accesibilidad web y extenderla al tema de la accesibilidad digital. Destaca los puntos principales correctos. Es la práctica inclusiva de asegurarse de que no haya barreras que impidan la interacción o el acceso a los servicios digitales por parte de personas con discapacidades físicas, discapacidades situacionales o restricciones socioeconómicas en el ancho de banda y la velocidad. Con discapacidades físicas o situacionales, dice que debes considerar que no todas las discapacidades pueden ser permanentes, como la ceguera permanente. O alguien podría haberse sometido a una cirugía ocular y no poder ver durante la recuperación, por ejemplo. O debo cargar mi costoso ratón de Apple y ahora no puedo usar los gestos del puntero en mi dispositivo durante la próxima hora aproximadamente. Con restricciones socioeconómicas en el ancho de banda y la velocidad, dice que debes considerar que la mayoría de tus visitantes no tienen el último y mejor teléfono inteligente insignia con una superpotencia de CPU que puede prácticamente procesar cualquier cosa, sino que más bien están usando un dispositivo de gama media o de presupuesto más bajo con una CPU architecture de hace aproximadamente dos años. En pocas palabras, la accesibilidad digital significa que estás proporcionando servicios digitales accesibles para todos. Para asegurarnos de crear servicios web accesibles, los servicios deben cumplir con las WCAG o las Pautas de Accesibilidad del Contenido Web. Estas pautas, reconocidas como el estándar internacional para la accesibilidad web, proporcionan un marco integral para hacer que el contenido digital sea más accesible para las personas con discapacidades. Son una herramienta crucial para diseñadores, autores de contenido, desarrolladores y interesados en nuestra industria. Las WCAG utilizan cuatro pilares principales para describir la creación de servicios accesibles. Debe ser perceptible, operable, comprensible y robusto.

3. Los beneficios de la accesibilidad digital

Short description:

Perceptible, operable, comprensible y robusto. Uno de cada cuatro adultos humanos experimenta algún tipo de discapacidad. La accesibilidad no solo es beneficiosa para las personas con discapacidades permanentes. Proporcionar servicios accesibles puede aumentar potencialmente tu alcance en el mercado en un 25%. Existe una correlación entre proporcionar servicios accesibles y tener un mejor alcance orgánico en los motores de búsqueda. Obligaciones para las empresas de ofrecer nuevas características accesibles según el Acta Europea de Accesibilidad.

Perceptible, la información debe presentarse de manera que los usuarios puedan utilizarla con al menos uno de sus sentidos. Por ejemplo, si no pueden escuchar audio de un video, al menos deberían poder leer los subtítulos. Con operable, queremos decir que los usuarios deben poder navegar por tu servicio e interactuar con sus componentes de manera efectiva. Por ejemplo, si el usuario no puede usar un dispositivo de puntero, como la situación del ratón de Apple en la que me encuentro, deberían poder usar su teclado. Con comprensible, decimos que los usuarios deben entender la información proporcionada por el servicio y cómo operar dentro de la interfaz de usuario. Y con robusto, nos referimos a que la información proporcionada debe ser robusta para que pueda ser interpretada por una amplia variedad de posibles agentes de usuario, incluidas las tecnologías de asistencia como lectores de pantalla que leen la información en voz alta en la pantalla.

Ahora, ¿por qué queremos invertir en el esfuerzo de hacer nuestros servicios accesibles? No estoy aquí para contarte una historia sobre por qué deberíamos hacerlo porque es lo moralmente correcto hacer. Las empresas necesitan argumentos más convincentes para subirse al barco. Y estoy aquí para compartir algunos contigo. Si observamos las estadísticas disponibles, vemos que dentro de la UE y los EE. UU., uno de cada cuatro adultos humanos experimenta algún tipo de discapacidad. Al mirar las estadísticas de la UE más específicamente, vemos que cuanto más viejo se es, más probable es que tengas que lidiar con una discapacidad. La disminución de la capacidad visual debido al envejecimiento es un ejemplo bien conocido. Si trabajas en servicios digitales para un banco, un gobierno o una empresa de servicios públicos de energía como yo, estos números importan mucho. Con el cambio hacia un panorama de servicios digitales primero, tal vez solo digitales, necesitas poner tus cosas en orden, quiero decir, accesibles. De lo contrario, estás negando a los humanos el acceso a servicios que, en la sociedad actual, tienen un impacto significativo en sus vidas diarias. Para demostrar que la accesibilidad no solo es beneficiosa para las personas con discapacidades permanentes, Microsoft considera un espectro, donde las discapacidades podrían estar relacionadas con un período en su espectro personal, donde los humanos experimentan discapacidades permanentes como la ceguera temporalmente, como unos días después de una cirugía ocular, o situacionales, como por ejemplo cuando tus ojos necesitan ajustarse justo después de salir de un túnel oscuro directamente al sol deslumbrante. Si proporcionamos servicios accesibles, creamos un entorno donde nuestros servicios se vuelven más accesibles también para los humanos más capacitados. Y esto se llama el efecto de la rampa. Si no estás familiarizado con una rampa, es donde la altura de la acera es más baja que la altura de la calle, que se encuentra principalmente en los cruces peatonales para ayudar a los humanos en sillas de ruedas a cruzar la calle más fácilmente. La misma rampa también facilita el cruce de la calle para los padres que empujan un cochecito o los repartidores que empujan su carrito lleno de cosas. Si consideras las estadísticas mostradas, aproximadamente 1 de cada 4 adultos humanos tiene que lidiar con algún tipo de discapacidad. Y sabiendo la reducción de barreras de entrada gracias al efecto de la rampa, se resume que proporcionar servicios accesibles puede aumentar potencialmente tu alcance en el mercado en un 25%. Y hay más retornos claros de la inversión. Un estudio de maz.com, una agencia especializada en optimización de motores de búsqueda, muestra una clara correlación entre proporcionar servicios accesibles y tener un mejor alcance orgánico en los motores de búsqueda. Los sitios con encabezados descriptivos claros, los mismos tipos de encabezados que facilitan la navegación y la comprensión para las personas con discapacidades, también son más fáciles de rastrear para los motores de búsqueda. También existen algunas obligaciones en torno al Coordinador a las que las empresas deben cumplir. Si tienes una empresa con más de 10 empleados, una facturación anual de 2 millones de euros y proporcionas servicios web digitales a consumidores europeos con la posibilidad de cerrar contratos, prácticamente estás obligado a ofrecer nuevos servicios compatibles con el estándar WCAG 2.1 Nivel AA, entre otras cosas, a partir de junio de 2025. El Acta Europea de Accesibilidad, que está lejos de ser nueva, entró en vigor en abril de 2019 a nivel de la UE y ahora está siendo adoptada por los Estados miembros a nivel nacional. Requerirá que las empresas elegibles ofrezcan nuevas características accesibles a partir del 28 de junio de 2025, y en los cinco años siguientes, hasta el 28 de junio de 2030, las empresas elegibles tendrán tiempo para transformar su panorama digital actual hacia uno más accesible. Pero, ¿cuál es el riesgo? Si piensas que esto es solo el RGPD con otro problema subyacente, las personas no hablarán y solicitar el derecho al olvido es un problema tan molesto que podemos fácilmente ignorarlo bajo la alfombra, pues, piénsalo de nuevo.

4. Trabajando en Accesibilidad

Short description:

El RGPD introdujo la privacidad de los datos, mientras que las discapacidades tienen un impacto directo en la vida diaria. En los Estados Unidos, la División de Derechos Civiles defiende activamente la ADA y presenta demandas por accesibilidad. La Ley de Accesibilidad Europea empodera a las personas para que se expresen. Medir, reparar y orientar son los tres pasos fundamentales para trabajar en accesibilidad. El concepto de accesibilidad continua de Melanie Sommer proporciona información y métricas para tomar decisiones informadas.

La diferencia aquí es que el RGPD introdujo un concepto relativamente nuevo para que la sociedad lo comprenda, la privacidad de los datos. En la mayoría de los casos, la privacidad de los datos no afecta directamente tu vida diaria. Sin embargo, las discapacidades sí lo hacen. El movimiento de derechos de las personas con discapacidades ha estado vivo y activo durante varias décadas, y sus resultados incluyen exigir rampas de acceso en edificios, garantizar el lenguaje de señas durante discursos importantes transmitidos por televisión o instalar señales con Braille en los museos. No es un concepto nuevo para nuestra sociedad.

Si observamos los precedentes en los Estados Unidos, vemos que si se les niega a las personas el acceso a servicios que afectan sus vidas porque están respaldados por la legislación, ellos se defenderán. En los Estados Unidos, la División de Derechos Civiles del Departamento de Justicia, una división gubernamental completa, trabaja en su misión de crear igualdad de oportunidades al defender la ADA o Ley de Estadounidenses con Discapacidades y presenta activamente demandas contra otras entidades gubernamentales y empresas para asegurarse de que brinden servicios accesibles físicos y virtuales. Ahora, ¿esperaremos lo mismo en Europa? Desafortunadamente, es demasiado pronto para decirlo. Pero estoy seguro de que si un servicio es inaccesible y esa inaccesibilidad tiene un impacto significativo en la vida diaria de alguien, la Ley de Accesibilidad Europea empoderará a las personas para que se expresen y actúen.

Esta conformidad legal también se relaciona con cómo quieres que se perciba tu marca. Pregúntate a ti mismo, si lo que dices o haces hoy apareciera en las noticias mañana, ¿cómo afectaría la percepción de tu negocio, tu marca? Ahora, ¿cómo podemos trabajar de manera madura en la accesibilidad? Creo que necesitas hacer tres cosas fundamentales. Eso es, medir, reparar y orientar. Con la medición, queremos obtener información sobre nuestros servicios actuales dirigidos al cliente. ¿Cuáles tenemos y quién es responsable de ellos? ¿Con quién puedo iniciar una discusión sobre los problemas de accesibilidad que tienen sus interfaces y cómo podemos solucionarlos? ¿Ya realizamos pruebas de accesibilidad? Y si lo hacemos, ¿qué tipos de pruebas estamos realizando? ¿Cuántas de ellas estamos realizando?

La información aquí está directamente inspirada en el concepto de accesibilidad continua de Melanie Sommer, que intenta crear una visión general de las pruebas y problemas de accesibilidad para ayudar a dirigir los recursos en la dirección correcta a través de decisiones basadas en datos. Por ejemplo, ¿cuántas pruebas automatizadas y manuales tienes en marcha? ¿En qué momento del ciclo de desarrollo de software se encuentran, cuántos errores se encuentran, cuántos de ellos son válidos, cuál es el impacto del problema, qué tan rápido se puede solucionar? ¿Qué estamos ignorando? Todo tipo de métricas para informar a las partes interesadas sobre el estado actual de la accesibilidad de tu negocio. ¿Y con qué marcos de tiempo evalúas la accesibilidad de tu código o tus interfaces? Dependiendo de qué tan rápido cambie el contenido en tus interfaces, la accesibilidad debe ser probada para detectar regresiones. ¿Eso significa que debes hacer una auditoría manual completa cada vez que cambie una pequeña parte? No. Puedes realizar diferentes tipos de pruebas en diferentes períodos de tiempo, un poco como la verificación de código vs. pruebas unitarias vs. pruebas de extremo a extremo, que se ejecutan en diferentes momentos del ciclo de desarrollo de software. Proporciona a los autores comentarios inmediatos cuando sea posible. El software de verificación de código puede decirte al instante que debes recordar agregar un atributo alt a una imagen. O utiliza un sistema de gestión de contenido que aplique o fomente textos o imágenes alternativas correctas si corresponde.

5. Testing, Fixing, and Mentorship

Short description:

Ejecuta pruebas de desarrollador-autor en tus pipelines. Contrata expertos en accesibilidad para auditar tus interfaces. Prueba con herramientas como Lighthouse y Axe. Prioriza y soluciona problemas de accesibilidad. Asegura pruebas manuales y mentoría para evitar regresiones. Involucra a todos en la organización para que estén conscientes y bien informados sobre la accesibilidad.

Haz que las pruebas de desarrollador-autor se ejecuten en tus pipelines, por ejemplo, para verificar si las propiedades de tus componentes activan o desactivan los atributos ARIA correctos para mejorar la accessibility de tus elementos personalizados. Cuando corresponda, considera contratar a otros expertos en accesibilidad para auditar tus interfaces, ya que ellos verán tus servicios con una mirada fresca. Y al menos una vez al año, intenta que alguien con discapacidad pruebe tus interfaces y pregunta si puedes grabar su experiencia. Te garantizo que pocas cosas tienen más impacto que mostrar a tus interesados personas que luchan por usar tu plataforma.

¿Cómo puedo hacer pruebas? ¿Cómo puedo monitorear? Bueno, aquí tienes algunas herramientas para empezar. Para las personas que trabajan con Figma, los complementos populares que mejoran la accesibilidad en los diseños son Axe for Designers de Deque y Stark Contrast y Accessibility Tools. Para las personas que trabajan en código front-end, pueden usar Lighthouse, que viene integrado en las herramientas de desarrollo de cada navegador de Chromium, o instalar y agregar las herramientas de desarrollo de Axe de Deque, que te brindan algunos pasos semiautomatizados adicionales para verificar la accesibilidad de tu servicio. El 57.38% de los problemas de accesibilidad se pueden probar con herramientas automatizadas. El otro 42% debe ser probado por un humano. Si quieres obtener la mejor puntuación de accesibilidad de la ciudad, te sugiero que revises las WCAG. Es una lista fantástica. Bueno, es la lista de los criterios que debes tener en cuenta y para cada criterio han agregado técnicas y ejemplos para garantizar servicios accesibles. Puede parecer abrumador al principio, pero he notado que comenzar con una función y vincular los criterios necesarios a esa función genera confianza de que esa función se ha creado de manera accesible y se ha probado correctamente en términos de accesibilidad. Además, si comienzas a hacer esto con más frecuencia, sabrás mejor qué buscar la próxima vez que tengas que crear una nueva función o ayudar a probar una función en particular. Ahora que tienes todas las métricas e información en su lugar y sabes qué necesita ser solucionado, comienza a solucionarlo. Prioriza el trabajo. Asegúrate de que se incluya en tu planificación. Soluciónalo. Despliégalo. Y sobre todo, verifica que hayas solucionado el problema. Gestión de proyectos básica, ¿verdad? Ahora hemos solucionado nuestros problemas de accesibilidad. ¿Cómo nos aseguramos de no tener regresiones la próxima vez que alguien haga un push a producción? Mentoría. Como no todo se puede probar con automatización, el resto debe ser atendido manualmente. ¿Por quién? Por personas que estén conscientes de qué buscar. ¿Por qué todos en tu organización que trabajen en interfaces dirigidas a los clientes? ¿Por qué preferiblemente todos? Bueno, en círculos de arquitectura de software, se sabe que cuanto antes se solucione o aborde un problema, menor será el costo de remediarlo. Encuentra un problema de contraste con el color de la marca. Ten esa discusión temprano en el proceso de diseño en lugar de después de lanzarlo a producción. Y para que eso suceda, necesitas tener personas en cada paso del camino que estén conscientes y sepan qué buscar en términos de accesibilidad.

6. Getting People on Board

Short description:

Reúne a tus campeones. Conéctalos e infórmalos. Incorpora la accesibilidad en los flujos de trabajo. Capacita y mejora. Realiza auditorías. Organiza sesiones de intercambio de conocimientos. Coloca a los campeones en roles críticos. Fomenta y empodera a las personas apasionadas.

¿Cómo vas a lograr que esas personas se sumen? Bueno, en primer lugar, reúne a tus campeones. ¿Quiénes están apasionados por motivar, construir y proporcionar servicios accesibles? Conecta a esas personas. Infórmate sobre su papel en el proceso y habla y haz lluvia de ideas con ellos sobre cómo incorporar la accesibilidad en tus flujos de trabajo. Habla sobre la capacitación y cómo mejorar en la resolución de problemas de accesibilidad. ¿Quién está dispuesto a auditar tus servicios? ¿O quién conoce a profesionales? ¿Quién puede hacer una auditoría? Tal vez tu empresa sea de un tamaño tan significativo que necesite su propio equipo de profesionales certificados en accesibilidad. Permite que tus campeones organicen sesiones de intercambio de conocimientos donde puedan crear conciencia sobre la accesibilidad y mantener informadas a las personas sobre lo que pueden hacer y lo que los campeones pueden hacer por ellos. Y por favor, colócalos en roles críticos que puedan agregar valor a escala. Por ejemplo, si tu empresa tiene un sistema de diseño que se utiliza en todas partes, ¿incorpora las mejores prácticas de accesibilidad? ¿Ese equipo cuenta con alguien apasionado por el tema? O en tus equipos de aseguramiento de calidad, ¿hay alguien en ese equipo que garantice que los procesos estén en su lugar para probar las mejores prácticas de accesibilidad antes de lanzarlo a producción? Fomenta y empodera a las personas apasionadas por la accesibilidad para ayudar al crecimiento de tu empresa. Resumiendo. Hemos aprendido qué es la accesibilidad digital y cómo podemos medirla si nuestros servicios web son accesibles digitalmente. Nos hemos familiarizado con las WCAG o Pautas de Accesibilidad para el Contenido Web, que es una lista de criterios de éxito, técnicas y ejemplos que te ayudarán a verificar tus servicios en cuanto a su accesibilidad. Hemos aprendido que esas pautas tienen cuatro pilares principales. Tus servicios deben ser perceptibles, operables, comprensibles y robustos. Ahora sabemos por qué la accesibilidad es importante para las empresas. Las estadísticas muestran que uno de cada cuatro adultos en la UE y EE. UU. tiene que lidiar con algún tipo de discapacidad. Matemáticas de ventas simples, eso es el 25% de un mercado potencial. Hemos aprendido que se pueden considerar diferentes tipos de discapacidad según el período de tiempo en que se experimenta, y proporcionar servicios accesibles se expande más allá de las discapacidades estereotipadas. Está comprobado que si proporcionas servicios accesibles, también reduces la barrera de entrada para las personas que no se consideran discapacitadas. Está vinculado a los beneficios de SEO y, por lo tanto, tiene un claro retorno de inversión. Hemos aprendido sobre la obligación legal que tenemos como desarrolladores de software, diseñadores y empresas digitales en los EE. UU. con la Ley de Estadounidenses con Discapacidades y la Ley Europea de Accesibilidad en la UE, que entrará en vigor el 28 de junio de 2025, y muchas otras leyes efectivas en países de todo el mundo. Hemos aprendido que podemos iniciar nuestro viaje hacia la accesibilidad midiendo nuestros esfuerzos en nuestros servicios, obteniendo métricas sobre los problemas que existen y planificando cómo monitorear para prevenir regresiones de accesibilidad periódicamente. Con esa información objetiva, podemos acercarnos a nuestras partes interesadas, convencerlas de asignar tiempo a la planificación y comenzar a solucionar esos problemas. Y finalmente, necesitamos conectar a nuestros campeones de accesibilidad, las personas apasionadas por crear servicios accesibles y brindar una experiencia accesible a tus clientes. Con todo lo dicho, me gustaría hacerte una pregunta final. ¿Cómo vas a asegurarte de que tu próximo proyecto sea accesible? Gracias por escuchar. Que tengas un maravilloso día, SJS Nation. Adiós.

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

Accesibilidad en Discord
React Advanced 2021React Advanced 2021
22 min
Accesibilidad en Discord
This Talk discusses the accessibility efforts at Discord, focusing on keyboard navigation and the challenges faced with implementing focus rings and outlines. The speaker showcases a unified focus ring system and a saturation slider to address accessibility concerns. They also highlight the implementation of role colors and the use of CSS filters for accessibility improvements. The Talk concludes with insights on runtime accessibility checking and the development of a performant core runtime system for checking accessibility issues.
Configurando las Pruebas de Accesibilidad de Axe
TestJS Summit 2021TestJS Summit 2021
30 min
Configurando las Pruebas de Accesibilidad de Axe
Top Content
AXe is an accessibility engine for automated web UI testing that runs a set of rules to test for accessibility problems. It can be configured to disable or enable specific rules and run based on tags. Axe provides various options, but axe linter does not support all options. The importance of investing time and resources in accessibility is emphasized, as it benefits not only those with disabilities but improves the web for everyone. Manual testing is also highlighted as a necessary complement to automated tests for addressing accessibility issues.
Elementos Interactivos Anidados: Una Pesadilla en Accesibilidad
React Advanced 2023React Advanced 2023
23 min
Elementos Interactivos Anidados: Una Pesadilla en Accesibilidad
Top Content
Nested interactive elements can cause accessibility issues on websites, and the speaker shares a personal experience with an accessibility bug involving a list component. Mitigating nested interactive structures involves limiting these patterns during development and restructuring existing elements. The speaker provides recommendations for improving accessibility, such as adjusting role properties and gathering user feedback. The conclusion emphasizes the importance of accessible solutions and encourages sharing resources to build more inclusive experiences.
Dilemas de los diálogos y travesuras modales: Un análisis profundo de las ventanas emergentes
JSNation 2023JSNation 2023
10 min
Dilemas de los diálogos y travesuras modales: Un análisis profundo de las ventanas emergentes
The Talk discusses the use of dialogues and popovers in web development. Dialogues can be modal or non-modal and are now accessibility-supported. Popovers are versatile and can be added to any element without JavaScript. They provide suggestions, pickers, teaching UI, list boxes, and action menus. Modal and non-modal dialogues and popovers have different behaviors and dismissal methods. Browser support for these features is expanding, but there are still open questions about positioning, semantics, and other use cases.
Construyendo un Sitio Web Rápido para Cada Visitante
React Advanced 2024React Advanced 2024
31 min
Construyendo un Sitio Web Rápido para Cada Visitante
This talk focuses on building a fast and accessible website for all users, highlighting the importance of performance and user experience optimization. It emphasizes the need for adaptive implementation to cater to different devices and user conditions. The talk also discusses the factors beyond the developer's control, such as screen size, browsers, devices, internet connection, and sitting position. It highlights the significance of optimizing image components for various devices and the role of browser support and rendering engines. The speaker discusses the use of future APIs and the challenges of browser compatibility, as well as optimizing image formats and bundler compatibility. The talk provides insights on controlling bundler and device compatibility, optimizing CPU usage, internet connection, and JavaScript form submission. It concludes with a proposal to respond with save data instead of effective type for limited internet connections and recommends using React with adaptive hooks for better user experiences. Overall, the talk covers essential aspects of building a fast and accessible website.
a11y y TDD: Una Combinación Perfecta
JSNation 2022JSNation 2022
24 min
a11y y TDD: Una Combinación Perfecta
This Talk explores the intersection of accessibility and test-driven development (TDD) in software development. TDD is a process that involves writing tests before writing production code, providing a safety net for code changes. The Talk demonstrates how to apply TDD principles to real-life examples, such as filling out a form, and emphasizes the importance of user-centric testing. By using atomic design principles, code can be organized in a clean and easy way. The Talk also discusses the use of labels and test IDs in tests for improved accessibility.

Workshops on related topic

Accesibilidad web para Ninjas: Un enfoque práctico para crear aplicaciones web accesibles
React Summit 2023React Summit 2023
109 min
Accesibilidad web para Ninjas: Un enfoque práctico para crear aplicaciones web accesibles
Workshop
Asaf Shochet Avida
Eitan Noy
2 authors
En este masterclass práctico, te proporcionaremos las herramientas y técnicas que necesitas para crear aplicaciones web accesibles. Exploraremos los principios del diseño inclusivo y aprenderemos cómo probar nuestros sitios web utilizando tecnología de asistencia para asegurarnos de que funcionen para todos.
Cubriremos temas como el marcado semántico, los roles de ARIA, los formularios y la navegación accesibles, y luego nos sumergiremos en ejercicios de codificación donde podrás aplicar lo que has aprendido. Utilizaremos herramientas de prueba automatizadas para validar nuestro trabajo y asegurarnos de cumplir con los estándares de accesibilidad.
Al final de este masterclass, estarás equipado con el conocimiento y las habilidades para crear sitios web accesibles que funcionen para todos, y tendrás experiencia práctica utilizando las últimas técnicas y herramientas para el diseño inclusivo y las pruebas. ¡Únete a nosotros en este increíble masterclass de codificación y conviértete en un ninja de la accesibilidad web y el diseño inclusivo!
Pruebas automatizadas de accesibilidad con jest-axe y Lighthouse CI
TestJS Summit 2021TestJS Summit 2021
85 min
Pruebas automatizadas de accesibilidad con jest-axe y Lighthouse CI
Workshop
Bonnie Schulkin
Bonnie Schulkin
¿Incluyen tus pruebas automatizadas verificaciones de accesibilidad? Este masterclass cubrirá cómo comenzar con jest-axe para detectar violaciones de accesibilidad basadas en código, y Lighthouse CI para validar la accesibilidad de las páginas completamente renderizadas. Ninguna cantidad de pruebas automatizadas puede reemplazar las pruebas manuales de accesibilidad, pero estas verificaciones se asegurarán de que tus probadores manuales no estén haciendo más trabajo del necesario.
Accesibilidad web en aplicaciones JavaScript
React Summit 2022React Summit 2022
161 min
Accesibilidad web en aplicaciones JavaScript
Workshop
Sandrina Pereira
Sandrina Pereira
A menudo vemos que JavaScript daña la accesibilidad de un sitio web. En esta masterclass, aprenderás cómo evitar errores comunes y cómo utilizar JS a tu favor para mejorar la accesibilidad de tus aplicaciones web.
En esta masterclass exploraremos múltiples ejemplos del mundo real con problemas de accesibilidad, y aprenderás cómo hacer que funcionen para las personas que utilizan un mouse o un teclado. También aprenderás cómo se utilizan los lectores de pantalla, ¡y te mostraré que no hay razón para tener miedo de usar uno!
Únete a mí y déjame mostrarte cómo la accesibilidad no limita tus soluciones o habilidades. ¡Al contrario, las hace más inclusivas!
Al final, serás capaz de:- Comprender los principios de WCAG y cómo están organizados- Conocer casos comunes en los que JavaScript es esencial para la accesibilidad- Crear enlaces, botones y elementos conmutables inclusivos- Utilizar regiones en vivo para errores y estados de carga- Integrar la accesibilidad en el flujo de trabajo de tu equipo de inmediato- Darte cuenta de que crear sitios web accesibles no es tan difícil como parece ;)
Creando aplicaciones React Native accesibles
React Summit Remote Edition 2021React Summit Remote Edition 2021
91 min
Creando aplicaciones React Native accesibles
Workshop
Scott Vinkle
Scott Vinkle
React Native es un framework utilizado para crear aplicaciones nativas de iOS y Android de una manera con la que los desarrolladores web ya pueden estar familiarizados. Pero, ¿cómo asegurarse de que tus aplicaciones React Native sean inclusivas y utilizables para todos? Scott compartirá consejos sobre cómo probar y construir aplicaciones React Native con accesibilidad integrada.