-
Evaluar las Accessibility Nutrition Labels de tu app
Usa las Accessibility Nutrition Labels de la página de productos del App Store para resaltar las funcionalidades de accesibilidad que admite tu app. Aprenderás a evaluar las funcionalidades de accesibilidad de tu app, como VoiceOver, texto más grande, subtítulos, etc., y a elegir Accessibility Nutrition Labels precisas e informativas. También descubrirás cómo abordar la accesibilidad durante la fase de diseño.
Capítulos
- 0:00 - Te damos la bienvenida
- 0:58 - Conoce las Accessibility Nutrition Labels
- 3:06 - Evaluar tu app
- 21:44 - Indicar compatibilidad de funcionalidades
Recursos
Videos relacionados
WWDC24
-
Buscar este video…
-
-
13:07 - Add an accessibility label
// Add an accessibility label import SwiftUI struct LandmarkDetailView: View { @Environment(ModelData.self) var modelData let landmark: Landmark var body: some View { @Bindable var modelData = modelData DetailContentView() .toolbar { ToolbarItemGroup { Button { } label: { Image(systemName: "square.arrow.up") } .accessibilityLabel("Share") } } } }
-
-
- 0:00 - Te damos la bienvenida
Aprende a evaluar tu app para agregar etiquetas de accesibilidad. Se cubren los principios de accesibilidad, las mejores prácticas de diseño, las pruebas de app, la implementación de API de accesibilidad y la garantía de que los medios de video y audio sean accesibles.
- 0:58 - Conoce las Accessibility Nutrition Labels
La accesibilidad de la app es importante y permite una audiencia más amplia. Las etiquetas de accesibilidad en la App Store informan a las personas sobre las funciones de accesibilidad compatibles con tu app. Identifica las tareas comunes de tu app, como inicio de sesión, compra y configuración, y luego evalúa estas tareas en relación con todas las funciones de accesibilidad disponibles en las etiquetas de accesibilidad. Realizar pruebas en todos los dispositivos compatibles con tu app. La representación precisa de las funciones compatibles es crucial y para conocer los criterios de evaluación, puedes consultar la documentación sobre etiquetas de accesibilidad. Cuando agregas etiquetas de accesibilidad para tu app en App Store Connect, todas las funciones de accesibilidad compatibles con tu app aparecen en la página del producto.
- 3:06 - Evaluar tu app
La accesibilidad comienza con el diseño de la app. Si diseñas con la inclusión en mente y sigues las pautas de accesibilidad, podrás crear apps que todo el mundo pueda disfrutar y utilizar con eficacia. Para garantizar la accesibilidad, es muy recomendable realizar pruebas con tecnologías de asistencia y colaborar con la comunidad de personas con discapacidad. Las áreas de accesibilidad a considerar y evaluar son texto, color, movimiento, interacción (como Control por voz y VoiceOver) y medios, como subtítulos y descripciones de audio. Las etiquetas de accesibilidad visual específicas incluyen lo siguiente: Suficiente contraste: Usa un alto contraste con color para garantizar la legibilidad. Verifica el contraste cuando la configuración ' Aumentar el contraste' esté habilitada. Interfaz Oscura: Las interfaces oscuras son cruciales para las personas sensibles a la luz. Es compatible con el modo oscuro y realiza pruebas para garantizar la compatibilidad con otras funciones de accesibilidad que ofrecen interfaces oscuras, como Invertir (Inteligente). Texto más grande: Las personas deberían poder ampliar el tamaño del texto hasta al menos el 200%. Asegúrate de que tus apps admitan texto más grande sin superposiciones ni truncamientos. Se recomienda el tamaño de letra dinámico para lograrlo de manera efectiva. Diferenciación no Solo con Color: Las personas pueden percibir el color de manera diferente. Usa formas, íconos o texto además de color para comunicar información importante. Movimiento reducido: Revisa las tareas comunes de tu app y evita las transiciones de zoom o deslizamiento, los destellos o parpadeos, las animaciones que se reproducen sin interacción del usuario y los efectos de paralaje cuando la configuración de Movimiento reducido esté habilitada. Tomando como ejemplo la app Landmarks, James y Lisa demuestran cómo evaluar una app para cada característica. Para personas con necesidades de texto más grandes, realiza pruebas para identificar y solucionar cualquier problema, como desalineación, truncamiento o campos de texto que no se desplazan, que puedan dificultar la usabilidad. Para el color, asegúrate de utilizar formas, íconos o texto además del color para transmitir información importante. Para el movimiento, asegúrate de minimizar o evitar los desencadenantes en tus apps. Utiliza el control por voz para probar si las personas pueden completar tareas comunes solo con comandos de voz y utiliza VoiceOver para garantizar que todos los elementos tengan etiquetas descriptivas. Aprende a usar VoiceOver, incluidos gestos como deslizar, pulsar dos veces y deslizar tres dedos, para desplazarte por el contenido de la app. Al realizar pruebas, ten en cuenta las funciones de accesibilidad de los medios, como subtítulos y descripciones de audio.
- 21:44 - Indicar compatibilidad de funcionalidades
Evaluada por su accesibilidad, la app Landmarks admite varias funciones clave, entre ellas Suficiente contraste, Interfaz oscura, Movimiento reducido, Control por voz y VoiceOver. Las funciones compatibles de la app están seleccionadas para las etiquetas de accesibilidad en App Store Connect y están listas para publicarse. Recuerda considerar el diseño accesible, evaluar las tareas comunes en tu app para garantizar la accesibilidad y mostrar las características de accesibilidad de tu app con etiquetas de accesibilidad.