El Compromiso GAAD - Un Año Después

Traducción Beta No Oficial

Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →

Ha transcurrido un año desde que Facebook asumió el Compromiso GAAD para hacer React Native accesible, y el proyecto ha superado nuestras expectativas. Nos complace anunciar que este proyecto continuará durante 2021 y queremos actualizar a todos sobre nuestro progreso hasta ahora. Tras un análisis exhaustivo de las brechas de accesibilidad en React Native el año pasado, comenzamos a trabajar para subsanarlas.

Comenzamos con 90 problemas pendientes de análisis de brechas y desde marzo de 2021, cuando el proyecto se lanzó en GitHub, hasta ahora:

• 11 issues han sido cerrados por la comunidad.

• 19 issues fueron evaluados y cerrados por el equipo de React Native.

• 9 pull requests fueron fusionados.

• 1 pull request se fusionó en la documentación de React Native.

Queremos reconocer y agradecer a la comunidad de React Native por el progreso significativo hacia una React Native más accesible durante el último año. El esfuerzo de cada contribuyente ha sido fundamental para avanzar en la mejora de la Accesibilidad de React Native.

Correcciones

Se han solucionado dos tipos de problemas en múltiples componentes y se ha añadido una nueva funcionalidad a la API mediante los 9 pull requests.

• Se abordó un problema con el estado Desactivado en siete componentes

• Se resolvió un problema con el estado Seleccionado en dos componentes

• Una nueva adición a la API de React Native incorporó la capacidad de consultar AccessibilityManager.getRecommendedTimeoutMillis().

Anuncio de Estado Desactivado y Función de Deshabilitar

Uno de los problemas más frecuentes encontrados durante el análisis de brechas fue que algunos componentes no anunciaban ni deshabilitaban funcionalidades. Ahora siete componentes anuncian su estado desactivado o deshabilitan la funcionalidad de clic.

Anuncia cuando está Desactivado

• Button - #31001

• Images - #31252

• ImageBackground - #31252

Deshabilita la funcionalidad de clic cuando el componente tiene la propiedad disabled

• Button - #31001

• Text - Commit del equipo de React Native

• Pressable - Commit del equipo de React Native

• TouchableHighlight - #31135

• TouchableOpacity - #31108

• TouchableNativeFeedback - #31224

• TouchableWithoutFeedback - #31297

Anuncio de Estado Seleccionado

Algunos componentes no anunciaban su selección al recibir foco. Este comportamiento se ha corregido cuando el componente está enfocado y el AccessibilityState se establece como seleccionado o cuando el componente cambia a seleccionado.

Anuncia cuando está Seleccionado

• Button - #31001

• TextInput - #31144

Configuración del Tiempo de Espera para Accesibilidad

Anteriormente, no existía forma de consultar la configuración del tiempo de espera para accesibilidad en Android. La solución añadió la capacidad de consultar AccessibilityManager.getRecommendedTimeoutMillis(). Esto permite obtener el "Tiempo para tomar acción" antes de que los elementos de la interfaz se cierren automáticamente o avancen sin intervención.

Adiciones a la Documentación

La documentación de React Native debe actualizarse para reflejar cada adición o cambio en las API disponibles. La nueva sección en la documentación cubrió la incorporación de getRecommendedTimeoutMillis() a AccessibilityInfo.

Participación de la Comunidad

Queremos agradecer a todos los colaboradores mencionados a continuación que han enviado y fusionado solicitudes de extracción (pull requests), así como a quienes han revisado y comentado en los issues.

Solicitudes de Extracción Fusionadas

• @huzaifaaak cerró 3 issues con:

  • Added talkback support for button accessibility: disabled prop #31001
  • Accessibility/button test #31189

• @natural_clar cerró 1 issue con:

  • feat: set disabled accessibilityState when TouchableHighlight is disabled #31135

• fabriziobertoglio1987 cerró 2 issues con:

  • [Android] Selected State does not announce when TextInput Component selected #31144
  • Accessibility Fix Image does not announce "disabled" #31252

• @kyamashiro73 cerró 1 issue con:

  • Added talkback support for TouchableNativeFeedback accessibility: disabled prop #31224

• @grgr-dkrk cerró 1 issue y contribuyó a la documentación de React Native con:

  • add getRecommendedTimeoutMillis to AccessibilityInfo #31063
  • feat: add getRecommendedTimeoutMillis section on accessibilityInfo #2581

• @crloscuesta cerró 1 issue con:

  • Disable accessibilityState when TouchableWithoutFeedback is disabled #31297

• @chakrihacker cerró 1 issue con:

  • Disable TouchableOpacity when accessibility disabled is set #31108

¡Agradecemos también a los miembros de la comunidad que dedicaron su tiempo de otras formas!

Simek, saurabhkacholiya, meehawk, intergalacticspacehighway, chrisglein, jychiao y Waltari10

¡Participa!

Hemos avanzado mucho, pero aún no hemos terminado. Necesitamos su apoyo para llegar a la meta. El equipo de React Native de Facebook se ha comprometido a apoyar a los colaboradores que trabajan en los problemas de análisis de brechas. Continuarán respondiendo a comentarios sobre problemas de accesibilidad y priorizando solicitudes de extracción (pull requests). El equipo de React Native también está abordando algunos de los problemas de análisis de brechas más complejos. Este trabajo incluye la traducción correcta de accessibilityRoles a otros idiomas y la especificación de textos de error para componentes específicos.

Únase a nosotros para abordar el resto. Todavía hay problemas de accesibilidad abiertos en el tablero de proyecto de Mejora de Accesibilidad de React Native. Los problemas con Estado de marcado/no marcado, Entrada/salida de colecciones y Posición en colecciones son grandes oportunidades para que colaboradores actuales y nuevos contribuyan a un React Native más accesible.

Más información

Lea sobre cómo se realizó el análisis de brechas en el blog tecnológico de Facebook o sobre el lanzamiento de los problemas en GitHub en el blog de React Native.