Accesibilidad en 2024

Rate this content
Bookmark

Cubriremos los conceptos básicos de cómo funciona la accesibilidad en las organizaciones y en los equipos, quién es responsable de la accesibilidad, cómo impulsar cambios sin ser un experto y cómo desarrollar tus habilidades.

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

Chandra Carney
Chandra Carney
23 min
18 Jun, 2024

Comments

Sign in or register to post your comment.

Video Summary and Transcription

Chandra Carney habla sobre la accesibilidad en 2024, destacando la importancia de igualdad de acceso para las personas con discapacidad y la visión en evolución de las discapacidades como derechos civiles. La charla cubre el estándar global de accesibilidad WCAG, con las versiones 2.0, 2.1 y 2.2, y el estándar europeo EN 301549. También se discuten las actualizaciones de leyes como la ADA en los Estados Unidos y la Directiva de Accesibilidad Web y la Ley de Accesibilidad Europea en la UE. La UE refuerza la importancia de la inclusión y responsabiliza a las empresas por la accesibilidad. Se enfatiza la accesibilidad proactiva como un requisito y responsabilidad de todos.
Available in English: Accessibility in 2024

1. Introducción a la Accesibilidad en 2024

Short description:

Hola a todos. Mi nombre es Chandra Carney. Estoy aquí en la Cumbre de React para hablar sobre la accesibilidad en 2024. He sido una profesional de la accesibilidad durante casi diez años, creando programas y asesorando a empresas. Vamos a definir la accesibilidad y luego discutir las actualizaciones de estándares, leyes y regulaciones. La accesibilidad se trata de las personas con discapacidad y significa igualdad de acceso para ellas.

Hola a todos. Mi nombre es Chandra Carney. Utilizo los pronombres ella, ella, y estoy aquí en la Cumbre de React para hablar sobre la accesibilidad en 2024. Puedes encontrarme en varias redes sociales con mi nombre aquí, Chandra Carney, así como en mi sitio web, lo mismo. Pero rápidamente, algo de información sobre mí antes de sumergirnos. Vivo en Nueva York. Soy una profesional de la accesibilidad. He creado tres programas de accesibilidad en tres grandes empresas. Llevo casi diez años haciendo esto. También asesoro a empresas, así que no dudes en ponerte en contacto si necesitas algo. También solía ser ingeniera de software, así que hola a todos ustedes. Me he recuperado de dos cirugías importantes en el último año y he estado haciendo mucha cerámica como parte de mi proceso de curación. También amo mucho a los perros, tanto que a veces lloro. Así que quiero decir, al comenzar aquí, esta no será una charla sobre implementación, porque tengo algunas actualizaciones importantes sobre accesibilidad para compartir, dónde estamos en 2024 y qué hay de nuevo en el panorama. Definiremos rápidamente la accesibilidad y luego pasaremos a algunas actualizaciones de estándares y especificaciones. Luego, actualizaciones de leyes y regulaciones. Luego hablaré un poco sobre cómo abordarlo todo. Antes de hablar sobre lo que viene y lo nuevo en 2024, podemos tomar un momento para definir cómo hablamos de accesibilidad, para que todos estemos en la misma página. Entonces, en primer lugar, quiero definir qué y a quién nos referimos cuando decimos la palabra accesibilidad. Hablamos de accesibilidad cuando tenemos en cuenta a las personas con discapacidades. Tenemos muchas ideas equivocadas de que la accesibilidad es escalabilidad o confiabilidad o algo que tal vez sea fácil de acceder. Pero en este contexto, se trata de las personas con discapacidad. Y aquí, la frase personas con discapacidades se considera lenguaje centrado en la persona. También es aceptable decir personas discapacitadas, que es lenguaje centrado en la identidad. Y realmente encuentro que los uso indistintamente. El lenguaje centrado en la identidad o el lenguaje centrado en la persona puede ser lo que alguien prefiera, o tal vez no. Es solo una preferencia personal. Volviendo a definir todo lo relacionado con la accesibilidad, hay muchas formas de definirla, muchas formas de pensar en ella. Así que quiero presentar la mía. La accesibilidad es igualdad de acceso para las personas con discapacidades.

2. Understanding Accessibility and Disabilities

Short description:

La accesibilidad es un derecho civil que garantiza la independencia, la privacidad y la inclusión para las personas con discapacidades. La ONU reconoce la importancia de la accesibilidad, alejándose de ver a las personas discapacitadas como objetos de caridad o tratamiento médico. Existen diversos tipos de discapacidades, incluyendo discapacidades auditivas, cognitivas, de aprendizaje, neurológicas, motoras, del habla y visuales. La accesibilidad va más allá de los usuarios de lectores de pantalla y las personas ciegas. También abarca discapacidades temporales y situacionales. El espectro de personas ayuda a comprender los diferentes tipos de discapacidades y cómo las soluciones pueden llegar a una audiencia más amplia.

Es independencia para las personas con discapacidades. Es privacidad. Es inclusión. Y sobre todo, la accesibilidad es un derecho civil. Así que, solo piensa, si tienes una discapacidad y estás tratando de completar un cuestionario médico inaccesible, es posible que tengas que pedir ayuda a alguien, como un desconocido o un amigo. Y eso podría ser información muy, muy personal que tal vez solo tu médico debería saber. Entonces, eso está quitando la independencia o la privacidad de ciertas personas y su derecho a igualdad de acceso. Cuando construimos software, estamos tomando decisiones. Todas estas formas de pensar sobre la accesibilidad ahora son reconocidas por la ONU a través de algo llamado la Convención sobre los Derechos de las Personas con Discapacidad. Su objetivo es alejarse de ver a las personas discapacitadas como objetos de caridad o como objetos de tratamiento médico y avanzar hacia verlas como miembros plenos e iguales de la sociedad. Esto puede sonar algo básico, pero si tengo una discapacidad y no puedo usar productos y servicios, ¿cómo puedo ser un miembro pleno e igual?

Otra cosa que quiero mencionar son los tipos de discapacidades. Probablemente hayas visto variaciones de estas categorizaciones. Hay muchas discapacidades diferentes y alguien puede tener más de una discapacidad. Tenemos discapacidades auditivas, cognitivas, de aprendizaje, neurológicas, motoras, del habla y visuales. Es importante recordar aquí que la accesibilidad y la discapacidad van más allá de los usuarios de lectores de pantalla y las personas ciegas. Las discapacidades también pueden ser más que permanentes. Pueden ser temporales, como después de una cirugía o enfermedad, es posible que necesites usar muletas o usar un parche en el ojo, o pueden ser situacionales, como estar en un entorno ruidoso o muy silencioso pero aún así querer ver un video. El diagrama que ves aquí a la derecha se llama el espectro de personas y proviene de los principios de diseño inclusivo de Microsoft. Se puede utilizar para comprender los tipos relacionados en un espectro de escenarios permanentes, temporales y situacionales. Muestra cómo una solución se adapta a una audiencia más amplia. Y adaptarse a una audiencia más amplia se puede resumir de la siguiente manera. Cuando tú

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 Conference 2021React Advanced Conference 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 Conference 2023React Advanced Conference 2023
23 min
Elementos Interactivos Anidados: Una Pesadilla en Accesibilidad
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.
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.
Cómo hacer el bien sin hacer nada
React Advanced Conference 2021React Advanced Conference 2021
32 min
Cómo hacer el bien sin hacer nada
Accessibility is about making sure everyone can participate on the web, regardless of disability. Automated tools like Lighthouse and React Axe help identify accessibility errors and provide guidance on fixing them. Unit tests validate ARIA attributes and keyboard navigation, while integration and end-to-end tests focus on outcomes and simulate user experiences. Cypress.io is an open-source testing framework with excellent accessibility support. Implementing small changes leads to a deep understanding of web accessibility and bug resilience.

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.